CSS orodja

Povleci drsnike, da zaobliš vsak vogal, in kopiraj kodo CSS border-radius.

Prilagodi drsnike za odmik, zabrisanost, širjenje in barvo, nato kopiraj kodo box-shadow.

Vizualno oblikuj senco in pridobi natančen style-objekt za React Native, ki velja tako za iOS kot za Android.

Oblikuj prilagojeno krivuljo pojemanja z drsniki, poglej predogled animacije in kopiraj CSS cubic-bezier().

Vtipkaj svoje besedilo, izberi dve barvi glitcha in kopiraj animiran CSS + HTML za učinek barvnega razcepa.

Ustvari vrteč, poskakujoč ali utripajoč CSS nalagalnik in kopiraj CSS + HTML.

Oblikuj zaobljeno kljukico, drsno stikalo ali potrditveno polje v obliki zapolnjenega kroga in kopiraj CSS.

Prilagodi velikost, barve in zaobljenost, nato kopiraj dostopno preklopno stikalo na osnovi potrditvenega polja kot HTML in CSS.

Izberi smer, velikost in barvo, nato kopiraj čist CSS trikotnik, zgrajen s trikom z obrobo.

Prilagodi prosojnost ozadja, zameglitev, rob in radij ter ustvari kartico v slogu zmrznjenega stekla, nato kopiraj CSS.

Izberi vzorec (pike, črte, šahovnica, mreža), prilagodi barvo in velikost, nato kopiraj CSS.

Zgradi linearne in radialne gradiente z barvnimi postanki in drsnikom kota, nato kopiraj CSS.

Izberi predlogo oblike, poglej živ predogled izreza in kopiraj ustvarjen CSS clip-path.

Poiščite katero koli privzeto barvo Tailwind v obe smeri: hex v ime razreda ali ime razreda v hex/RGB — poleg tega popolna paleta za brskanje.

Pretvarjajte kode barv Pantone (PMS), CMYK, RGB in Hex v obe smeri, z iskalnim seznamom 1341 barv Pantone.

Izberi katero koli barvo vizualno ali jo vzorči z naložene slike, z izpisom HEX, RGB in HSL ter gumbi za kopiranje.