CSS Prefix Preview
Add vendor prefixes for browsers you choose. See resolved browser versions and download the resulting CSS and source map.
How do I add CSS prefixes for specific browsers?
Paste CSS and list browser names with versions, such as Safari 12 or IE 11. Select Add prefixes to see the exact target list and the CSS produced by Autoprefixer. Download the CSS and source map after reviewing the changes.
Your result
A little clarity, right here.
Start with your own content or load the example. Your result will appear here.
Three simple steps
How to use CSS Prefix Preview
Paste your source or open a text file. Try the example if you are learning.
Choose the options and run the tool. Your source stays on this device.
Review the result, then copy it or download the files.
Common questions
Good to know
Understand the result.
Keep the original.
Is this tool free, and are my files uploaded?
This tool is free with no account required. The work happens in your browser. Your input and files are not sent to a processing server.
What are the limits and details?
Up to 100,000 UTF-8 bytes, 5,000 CSS statements and 40 nesting levels. Processing stops after 30 seconds. Files stay on your device. CSS is never applied to this page and JavaScript is never executed. Prefixes use the bundled Autoprefixer support data. This is not a live browser test or a full compatibility checker. Unknown target versions fail. Legacy grid conversion has limitations and is off by default.
100 KB of source. Local processing. Cancel at any time.