CodeKitHubCSS rīki
Vizuāli CSS ģeneratori — pārvietojiet slīdņus, kopējiet kodu, nekas nav jāatceras no galvas.
Rīki šajā kategorijā
Border Radius ģenerators
Velciet slīdņus, lai noapaļotu katru stūri, un kopējiet border-radius CSS.
Box Shadow ģenerators
Pielāgojiet slīdņus nobīdei, izplūdumam, izkliedei un krāsai, tad kopējiet box-shadow CSS.
React Native ēnu ģenerators
Vizuāli izveidojiet ēnu un iegūstiet precīzu React Native stila objektu gan iOS, gan Android.
CSS Cubic-Bezier ģenerators
Veido pielāgotu izlīdzināšanas līkni ar slīdņiem, priekšskati animāciju un kopē cubic-bezier() CSS.
CSS teksta glitch ģenerators
Ieraksti savu tekstu, izvēlies divas glitch krāsas, un kopē animētu CSS + HTML krāsu sadalījuma glitch efektam.
CSS ielādes animācijas ģenerators
Izveido rotējošu, lēkājošu vai pulsējošu CSS ielādes animāciju un kopē CSS + HTML.
CSS izvēles rūtiņas ģenerators
Noformē noapaļotu ķeksīti, pārslēdzēju vai aizpildītu apli izvēles rūtiņu un kopē CSS.
CSS pārslēdža ģenerators
Pielāgo izmēru, krāsas un noapaļojumu, tad kopē pieejamu checkbox balstītu toggle slēdzi kā HTML un CSS.
CSS trijstūra ģenerators
Izvēlies virzienu, izmēru un krāsu, tad kopē tīru CSS trijstūri, kas veidots ar apmales triku.
CSS Glassmorphism ģenerators
Pielāgo fona necaurredzamību, izplūdumu, apmali un rādiusu, lai izveidotu matēta stikla kartīti, tad kopē CSS.
CSS fona rakstu ģenerators
Izvēlies rakstu (punkti, svītras, šaha rūtis, režģis), pielāgo krāsu un izmēru, tad kopē CSS kodu.
CSS Gradient ģenerators
Veido lineārus un radiālus gradientus ar krāsu pieturām un leņķa slīdni, tad kopē CSS.
CSS Clip-Path ģenerators
Izvēlies formas veidni, priekšskati apgriezumu tiešraidē un kopē ģenerēto clip-path CSS.
Tailwind krāsu uzziņa
Uzmeklējiet jebkuru Tailwind noklusējuma krāsu abos virzienos: hex uz klases nosaukumu vai klases nosaukumu uz hex/RGB — kā arī pilnu pārlūkojamu paleti.
Pantone CMYK RGB Pārveidotājs
Pārveidojiet Pantone (PMS), CMYK, RGB un Hex krāsu kodus abos virzienos, izmantojot meklējamu 1341 Pantone krāsu atsauci.
Krāsu izvēlne
Izvēlies jebkuru krāsu vizuāli vai paņem paraugu no augšupielādēta attēla, ar HEX, RGB un HSL izvadu un kopēšanas pogām.