CSS-værktøjer

Træk skydere for at runde hvert hjørne og kopiér border-radius-CSS'en.

Justér skydere for forskydning, sløring, spredning og farve, og kopiér derefter box-shadow-CSS'en.

Design en skygge visuelt og få det præcise React Native style-objekt til både iOS og Android.

Form en brugerdefineret easingkurve med skydere, forhåndsvis animationen, og kopiér cubic-bezier()-CSS'en.

Skriv din tekst, vælg to glitch-farver, og kopiér den animerede CSS + HTML til en farvesplit-glitcheffekt.

Byg en roterende, hoppende eller pulserende CSS-loading-animation, og kopiér CSS'en + HTML'en.

Style en afrundet checkboks med flueben, en kontakt-switch eller en udfyldt cirkel, og kopiér CSS'en.

Justér størrelse, farver og afrunding, og kopiér en tilgængelig checkbox-baseret toggle-switch som HTML og CSS.

Vælg retning, størrelse og farve, og kopiér en ren CSS-trekant bygget med border-tricket.

Justér baggrundsopacitet, sløring, kant og radius for at bygge et frostet-glas-kort, og kopiér derefter CSS'en.

Vælg et mønster (prikker, striber, skakternet, gitter), justér farve og størrelse, og kopiér derefter CSS'en.

Byg lineære og radiale gradienter med farvestop og en vinkel-skyder, og kopiér derefter CSS'en.

Vælg en formforudindstilling, forhåndsvis klippet live, og kopiér den genererede clip-path-CSS.

Slå enhver Tailwind-standardfarve op begge veje: hex til klassenavn eller klassenavn til hex/RGB — plus en fuld gennemsigelig palet.

Konverter Pantone (PMS), CMYK, RGB og Hex farvekoder begge veje, med en søgbar reference på 1.341 Pantone-farver.

Vælg enhver farve visuelt, eller hent den fra et uploadet billede, med HEX-, RGB- og HSL-output samt kopieringsknapper.