CSS nástroje

Táhněte posuvníky pro zaoblení každého rohu a zkopírujte CSS pro border-radius.

Upravte posuvníky pro posun, rozostření, roztažení a barvu, a poté zkopírujte CSS pro box-shadow.

Navrhněte stín vizuálně a získejte přesný objekt stylu React Native pro iOS i Android.

Vytvarujte vlastní easing křivku pomocí posuvníků, prohlédněte si animaci a zkopírujte CSS cubic-bezier().

Napište svůj text, vyberte dvě glitch barvy a zkopírujte animované CSS + HTML pro glitch efekt s rozštěpením barev.

Vytvořte otočnou, poskakující nebo pulzující CSS animaci načítání a zkopírujte CSS + HTML.

Vytvořte zaoblenou fajfku, přepínač nebo vyplněný kruh a zkopírujte CSS.

Upravte velikost, barvy a zaoblení, poté zkopírujte přístupný přepínač na bázi zaškrtávacího pole jako HTML a CSS.

Vyberte směr, velikost a barvu, poté zkopírujte čistý CSS trojúhelník vytvořený trikem s okraji.

Upravte průhlednost pozadí, rozmazání, okraj a zaoblení pro vytvoření karty z matného skla a zkopírujte CSS.

Vyberte vzor (tečky, pruhy, šachovnice, mřížka), upravte barvu a velikost a zkopírujte CSS.

Vytvářejte lineární a radiální gradienty s barevnými body a posuvníkem úhlu, poté zkopírujte CSS.

Vyberte předvolbu tvaru, sledujte oříznutí naživo a zkopírujte vygenerované CSS clip-path.

Vyhledejte libovolnou výchozí barvu Tailwindu oběma směry: z hexu na název třídy, nebo z názvu třídy na hex/RGB — plus kompletní procházitelná paleta.

Převádějte kódy barev Pantone (PMS), CMYK, RGB a Hex oběma směry, s prohledávatelnou referenční tabulkou 1 341 barev Pantone.

Vyberte jakoukoli barvu vizuálně nebo ji nasnímejte z nahraného obrázku, s výstupem HEX, RGB a HSL a tlačítky pro kopírování.