v149 · CSS · demo
URL Modifier Builder
Build a CSS url() expression with crossorigin(), integrity(), and referrerpolicy() modifiers. Paste values, generate output, compare with equivalent HTML attributes.
Checking CSS URL modifier support…
Builder
Resource URL
Resource type
crossorigin()
Sends (or blocks) cookies & auth headers on cross-origin requests.
integrity()
SRI hash — browser blocks load if resource hash doesn't match.
referrerpolicy()
Generated CSS url() expression
—
HTML vs CSS comparison
The modifiers on CSS url() mirror the HTML attribute equivalents exactly — finally achieving loading parity between CSS and HTML.
HTML equivalent
—
CSS url() — Chrome 149
—
Presets library
Six common use cases — click any to populate the builder above.