CSS Tools & Generators

Enter two CSS selectors and see which one wins in a specificity battle. Displays the (a,b,c) score and explains why one overrides the other.

CSS compare CSS selector specificity tool

Design glassmorphic UI elements by tweaking blur, transparency, border, and shadow. Copy the resulting CSS for cards, navbars, or modals.

CSS CSS generator glassmorphism

Convert pixel values to rem or em based on the root font size. Also batch‑convert an entire CSS snippet, replacing px with rem for accessibility.

CSS converter EM PX REM

Obfuscate CSS by mangling class names and removing whitespace for production. Use with caution and export a mapping file to keep references intact.

CSS class names CSS minify obfuscate tool

Apply smooth color gradients to text with a live preview. Generates cross‑browser CSS including the webkit‑background‑clip property.

CSS CSS generator text gradient