CSS-tööriistad

Lohista liugureid iga nurga ümardamiseks ja kopeeri border-radius CSS.

Kohanda liugureid nihke, häguse, hajumise ja värvi jaoks, seejärel kopeeri box-shadow CSS.

Kujunda vari visuaalselt ja saa täpne React Native'i style-objekt nii iOS-i kui ka Androidi jaoks.

Kujunda kohandatud sujuvuskõver liuguritega, vaata animatsiooni eelvaadet ja kopeeri cubic-bezier() CSS.

Kirjuta oma tekst, vali kaks glitch-värvi ja kopeeri animeeritud CSS + HTML värvilõhega glitch-efekti jaoks.

Loo pöörlev, põrkuv või pulseeriv CSS laadimisanimatsioon ning kopeeri CSS ja HTML.

Kujunda ümar linnukesega ruut, lüliti või täidetud ring checkbox ja kopeeri CSS.

Reguleeri suurust, värve ja ümardust ning kopeeri ligipääsetav checkbox-põhine lüliti HTML-i ja CSS-ina.

Vali suund, suurus ja värv ning kopeeri puhas CSS kolmnurk, mis on ehitatud äärise trikiga.

Reguleeri tausta läbipaistvust, hägustust, äärist ja raadiust, et luua jäätunud klaasi kaart, seejärel kopeeri CSS.

Vali muster (täpid, triibud, malelaud, ruudustik), kohanda värvi ja suurust, seejärel kopeeri CSS.

Loo lineaarseid ja radiaalseid gradiente värvipeatuste ja nurga liuguriga, seejärel kopeeri CSS.

Vali kuju eelseadistus, vaata lõiget elavalt ja kopeeri genereeritud clip-path CSS.

Otsi mis tahes Tailwindi vaikevärvi mõlemas suunas: hex klassinimeks või klassinimi hex/RGB-ks — pluss täielik sirvitav palett.

Teisendage Pantone (PMS), CMYK, RGB ja Hex värvikoode mõlemas suunas, kasutades otsitavat 1341 Pantone värvi sisaldavat teatmikku.

Vali suvaline värv visuaalselt või proovi seda üleslaaditud pildilt, koos HEX, RGB ja HSL väljundi ja kopeerimisnuppudega.