CodeKitHubCSS nástroje
Vizuálne generátory CSS — upravujte posuvníky, skopírujte kód, nič sa nemusíte učiť naspamäť.
Nástroje v tejto kategórii
Generátor border-radius
Ťahajte posuvníky na zaoblenie každého rohu a skopírujte CSS border-radius.
Generátor box-shadow
Upravte posuvníky pre posun, rozostrenie, roztiahnutie a farbu, potom skopírujte CSS box-shadow.
Generátor tieňov pre React Native
Navrhnite tieň vizuálne a získajte presný objekt štýlu React Native pre iOS aj Android.
Generátor CSS cubic-bezier
Vytvorte vlastnú krivku časovania pomocou posuvníkov, sledujte náhľad animácie a skopírujte CSS cubic-bezier().
Generátor CSS glitch textu
Napíšte text, vyberte dve glitch farby a skopírujte animované CSS + HTML pre efekt farebne rozdeleného glitchu.
Generátor CSS loaderov
Vytvorte rotujúcu, poskakujúcu alebo pulzujúcu CSS animáciu načítavania a skopírujte CSS + HTML.
Generátor CSS zaškrtávacích políčok
Štylizujte zaoblenú fajočku, prepínač alebo vyplnený kruh a skopírujte CSS.
Generátor CSS prepínačov
Upravte veľkosť, farby a zaoblenie a skopírujte prístupný toggle prepínač založený na checkboxe ako HTML a CSS.
Generátor CSS trojuholníkov
Vyberte smer, veľkosť a farbu, potom skopírujte čistý CSS trojuholník vytvorený trikom s okrajmi.
Generátor CSS glassmorphism efektu
Upravte priehľadnosť pozadia, rozmazanie, okraj a zaoblenie na vytvorenie karty s efektom matného skla a skopírujte CSS.
Generátor CSS vzorov pozadia
Vyberte vzor (bodky, pruhy, šachovnica, mriežka), upravte farbu a veľkosť a skopírujte CSS.
Generátor CSS gradientu
Vytvárajte lineárne a radiálne gradienty s farebnými zastávkami a posuvníkom uhla, potom skopírujte CSS.
Generátor CSS clip-path
Vyberte prednastavený tvar, sledujte orezanie naživo a skopírujte vygenerované CSS clip-path.
Prehľad farieb Tailwind
Vyhľadajte ľubovoľnú predvolenú farbu Tailwindu oboma smermi: z hexu na názov triedy, alebo z názvu triedy na hex/RGB — plus kompletná prehliadateľná paleta.
Prevodník Pantone CMYK RGB
Prevádzajte kódy farieb Pantone (PMS), CMYK, RGB a Hex oboma smermi, s prehľadávateľnou referenčnou tabuľkou 1 341 farieb Pantone.
Výber farby
Vyberte ľubovoľnú farbu vizuálne alebo ju odoberte z nahraného obrázka, s výstupom HEX, RGB a HSL a tlačidlami na kopírovanie.