CSS-verktøy

Dra glidebrytere for å runde hvert hjørne og kopier border-radius-CSS-en.

Juster glidebrytere for forskyvning, uskarphet, spredning og farge, og kopier deretter box-shadow-CSS-en.

Design en skygge visuelt og få det nøyaktige React Native style-objektet for både iOS og Android.

Form en tilpasset easingkurve med glidere, forhåndsvis animasjonen, og kopier cubic-bezier()-CSS-en.

Skriv inn teksten din, velg to glitch-farger, og kopier animert CSS + HTML for en fargesplittet glitcheffekt.

Bygg en roterende, sprettende eller pulserende CSS-lasteanimasjon og kopier CSS + HTML.

Style en avrundet hake, bryter eller fylt sirkel som avkrysningsboks, og kopier CSS-en.

Juster størrelse, farger og avrunding, og kopier deretter en tilgjengelig checkbox-basert veksleknapp som HTML og CSS.

Velg retning, størrelse og farge, og kopier deretter en ren CSS-trekant bygget med border-triksene.

Juster bakgrunnsopasitet, uskarphet, kant og radius for å bygge et matteglasskort, og kopier så CSS-en.

Velg et mønster (prikker, striper, sjakkbrett, rutenett), juster farge og størrelse, og kopier CSS-en.

Bygg lineære og radiale gradienter med fargestopp og en vinkel-glidebryter, og kopier så CSS-en.

Velg en forhåndsdefinert form, se klippet live, og kopier den genererte clip-path-CSS-en.

Slå opp enhver standardfarge i Tailwind begge veier: hex til klassenavn, eller klassenavn til hex/RGB — pluss en fullstendig gjennomsøkbar palett.

Konverter Pantone (PMS), CMYK, RGB og Hex fargekoder begge veier, med en søkbar referanse på 1 341 Pantone-farger.

Velg en hvilken som helst farge visuelt eller hent den fra et opplastet bilde, med HEX-, RGB- og HSL-resultat og kopieringsknapper.