CSS eszközök

Húzd a csúszkákat minden sarok lekerekítéséhez, és másold a border-radius CSS-t.

Állítsd a csúszkákat az eltoláshoz, elmosódáshoz, terjedéshez és színhez, majd másold a box-shadow CSS-t.

Tervezz meg egy árnyékot vizuálisan, és kapd meg a pontos React Native stílusobjektumot iOS-hez és Androidhoz egyaránt.

Alakíts ki egyedi könnyítési görbét csúszkákkal, nézd meg élőben az animációt, és másold ki a cubic-bezier() CSS-t.

Gépeld be a szöveged, válassz két glitch színt, és másold ki az animált CSS + HTML kódot egy színszétválasztásos glitch effekthez.

Építs forgó, pattogó vagy lüktető CSS betöltő animációt, és másold ki a CSS + HTML kódot.

Alakíts ki lekerekített pipát, kapcsolót vagy kitöltött kört, és másold ki a CSS-t.

Állítsd be a méretet, színeket és lekerekítést, majd másolj ki egy akadálymentes, checkbox-alapú kapcsolót HTML-ként és CSS-ként.

Válassz irányt, méretet és színt, majd másolj ki egy tiszta CSS háromszöget a keret-trükkel felépítve.

Állítsd be a háttér átlátszóságát, elmosódását, keretét és lekerekítését egy matt üveg kártya elkészítéséhez, majd másold ki a CSS-t.

Válassz mintát (pöttyök, csíkok, sakktábla, rács), állítsd be a színt és méretet, majd másold ki a CSS-t.

Építs lineáris és radiális gradienseket színátmenet-pontokkal és szögcsúszkával, majd másold ki a CSS-t.

Válassz alak-előbeállítást, nézd meg élőben a vágást, és másold ki a generált clip-path CSS-t.

Keress ki bármilyen alapértelmezett Tailwind színt mindkét irányban: hexből osztálynévre, vagy osztálynévből hexre/RGB-re — plusz teljes böngészhető paletta.

Konvertáld a Pantone (PMS), CMYK, RGB és Hex színkódokat mindkét irányban, egy kereshető, 1341 színt tartalmazó Pantone-referenciával.

Válassz ki bármilyen színt vizuálisan vagy mintázd le egy feltöltött képről, HEX, RGB és HSL kimenettel és másoló gombokkal.