CSS Prefix Generator

Automatically add vendor prefixes to your CSS code for cross-browser compatibility.

Generated CSS with Prefixes

How to Use CSS Prefix Generator

  1. Enter your CSS code in the input box (without vendor prefixes).
  2. Click "Generate Prefixes" button to add prefixes (-webkit-, -moz-, -ms-, -o-).
  3. Copy the generated code or clear the input to start over.