CSS Prefixer
Automatically add vendor prefixes to your CSS for perfect cross-browser compatibility. Support for Webkit, Mozilla, Microsoft, Opera, and custom prefixes.
Free ToolCross-BrowserInstant ProcessingAll Modern Properties
CSS Prefixer - Vendor Prefix Generator
Vendor Prefix Options
Browser Prefixes
Properties to Prefix
Browser Support
Chrome
✓
Firefox
✓
Safari
✓
Edge
✓
Opera
✓
Original CSS
Prefixed CSS
Prefixed CSS will appear here...Supported Properties & Features
- Transitions & Transforms
- Animations & Keyframes
- Flexbox Layout
- CSS Grid Layout
- Gradients & Backgrounds
- Filters & Backdrop Filters
- Appearance & User Select
- Scroll Behavior
- Custom Prefix Support
- Media Query Support
Complete CSS Prefixing Solution
Support for all modern CSS properties and browsers
All Browser Prefixes
Support for Webkit, Mozilla, Microsoft, Opera, and custom vendor prefixes.
Modern Properties
Prefix for transitions, transforms, flexbox, grid, filters, gradients, and more.
Real-time Processing
See prefixes applied instantly as you type or modify your CSS code.
Cross-Browser Compatibility
Ensure your styles work perfectly across all browsers
Chrome
Webkit PrefixSafari
Webkit PrefixFirefox
Mozilla PrefixEdge
Microsoft PrefixOpera
Opera PrefixCustom
Any PrefixSupported CSS Properties
Layout & Animation
- Transitions
- Transforms
- Animations
- Flexbox
- CSS Grid
- Perspective
- Backface Visibility
- Scroll Behavior
Styling & Effects
- Gradients
- Filters
- Backdrop Filters
- Appearance
- User Select
- Mask Properties
- Clip Path
- Hyphens
How to Use CSS Prefixer
1
Paste CSS
Copy and paste your CSS code or load an example
2
Choose Prefixes
Select which browser prefixes and properties to include
3
Generate
Click to add vendor prefixes automatically
4
Copy/Download
Copy the prefixed CSS or download as file
