CodeKitHubCSS įrankiai
Vizualūs CSS generatoriai — reguliuokite slankiklius, kopijuokite kodą, nieko nereikia įsiminti.
Įrankiai šioje kategorijoje
border-radius generatorius
Vilkite slankiklius, kad suapvalintumėte kiekvieną kampą, ir nukopijuokite border-radius CSS.
box-shadow generatorius
Koreguokite poslinkio, ištrynimo, sklaidos ir spalvos slankiklius, tada nukopijuokite box-shadow CSS.
React Native šešėlių generatorius
Vizualiai sukurkite šešėlį ir gaukite tikslų React Native stiliaus objektą tiek iOS, tiek Android.
CSS cubic-bezier generatorius
Suformuokite pritaikytą švelninimo kreivę su slankikliais, peržiūrėkite animaciją ir kopijuokite cubic-bezier() CSS.
CSS teksto glitch generatorius
Įveskite tekstą, pasirinkite dvi glitch spalvas ir nukopijuokite animuotą CSS + HTML spalvų atskyrimo glitch efektui.
CSS krovimo animacijos generatorius
Sukurkite besisukančią, šokinėjančią ar pulsuojančią CSS krovimo animaciją ir kopijuokite CSS + HTML.
CSS žymimojo langelio generatorius
Sukurkite suapvalintos varnelės, perjungimo jungiklio ar užpildyto apskritimo žymimąjį langelį ir kopijuokite CSS.
CSS jungiklio generatorius
Reguliuokite dydį, spalvas ir suapvalinimą, tada nukopijuokite prieinamą, žymimuoju langeliu paremtą perjungimo jungiklį kaip HTML ir CSS.
CSS trikampio generatorius
Pasirinkite kryptį, dydį ir spalvą, tada nukopijuokite gryną CSS trikampį, sukurtą naudojant border triuką.
CSS glassmorphism generatorius
Koreguokite fono skaidrumą, suliejimą, rėmelį ir spindulį, kad sukurtumėte matinio stiklo kortelę, tada kopijuokite CSS.
CSS fono rašto generatorius
Pasirinkite raštą (taškeliai, dryžiai, šachmatai, tinklelis), koreguokite spalvą ir dydį, tada kopijuokite CSS.
CSS gradiento generatorius
Kurkite linijinius ir spindulinius gradientus su spalvų taškais ir kampo slankikliu, tada kopijuokite CSS.
CSS clip-path generatorius
Pasirinkite figūros šabloną, peržiūrėkite iškirpimą gyvai ir kopijuokite sugeneruotą clip-path CSS.
Tailwind spalvų žinynas
Suraskite bet kurią numatytąją „Tailwind“ spalvą abiem kryptimis: hex į klasės pavadinimą arba klasės pavadinimą į hex/RGB — plius pilna naršoma paletė.
Pantone CMYK RGB Keitiklis
Konvertuokite Pantone (PMS), CMYK, RGB ir Hex spalvų kodus abiem kryptimis, naudodami ieškomą 1341 Pantone spalvos žinyną.
Spalvų parinkiklis
Pasirinkite bet kokią spalvą vizualiai arba nuskaitykite ją iš įkeltos nuotraukos, su HEX, RGB ir HSL rezultatais ir kopijavimo mygtukais.