CSS-työkalut

Vedä liukusäätimiä pyöristääksesi jokaisen kulman ja kopioi border-radius-CSS.

Säädä liukusäätimiä siirtymälle, sumennukselle, levitykselle ja värille, ja kopioi box-shadow-CSS.

Suunnittele varjo visuaalisesti ja saat tarkan React Native -tyyliobjektin sekä iOS:lle että Androidille.

Muotoile mukautettu tasoituskäyrä liukusäätimillä, esikatsele animaatio ja kopioi cubic-bezier()-CSS.

Kirjoita tekstisi, valitse kaksi glitch-väriä, ja kopioi animoitu CSS + HTML värijakoista glitch-tehostetta varten.

Rakenna pyörivä, pomppiva tai sykkivä CSS-latausanimaatio ja kopioi CSS + HTML.

Tyylitä pyöristetty valintamerkki, vaihtokytkin tai täytetty-ympyrä-valintaruutu ja kopioi CSS.

Säädä kokoa, värejä ja pyöristystä, kopioi sitten saavutettava valintaruutupohjainen vaihtokytkin HTML:nä ja CSS:nä.

Valitse suunta, koko ja väri, kopioi sitten puhdas CSS-kolmio reunustempulla rakennettuna.

Säädä taustan läpinäkyvyyttä, sumennusta, reunusta ja pyöristystä rakentaaksesi huurrelasikortin, ja kopioi sitten CSS.

Valitse kuvio (pisteet, raidat, shakkilauta, ruudukko), säädä väriä ja kokoa, ja kopioi CSS.

Rakenna lineaarisia ja säteittäisiä liukuvärejä värikohdilla ja kulmaliukusäätimellä, ja kopioi CSS.

Valitse muotomalli, esikatsele leikkaus elävästi ja kopioi luotu clip-path-CSS.

Etsi mikä tahansa Tailwindin oletusväri molempiin suuntiin: hexistä luokan nimeen tai luokan nimestä hexiin/RGB:hen — sekä täysi selattava paletti.

Muunna Pantone (PMS)-, CMYK-, RGB- ja Hex-värikoodeja molempiin suuntiin, haettavan 1 341 värin Pantone-viitteistön avulla.

Poimi mikä tahansa väri visuaalisesti tai ladatusta kuvasta, HEX-, RGB- ja HSL-tulosteella sekä kopiointipainikkeilla.