CSS Prefix Generator

Automatically add vendor prefixes to your CSS code.

Input CSS Code

/* Example: */
.box {
  display: flex;
  transform: rotate(45deg);
  transition: all 0.3s;
  backdrop-filter: blur(5px);
}

Output CSS Code

How to Use CSS Prefix Generator

Enter your CSS code in the input box (without vendor prefixes).
Click the "Generate Prefixes" button to add the prefixes.
Copy the generated code or clear the input to start over.