CodeKitHubCSS инструменти
Визуални CSS генератори — местете плъзгачите, копирайте кода, без нужда от запаметяване на синтаксиса.
Инструменти в тази категория
Генератор на border-radius (заоблени ъгли)
Плъзгайте плъзгачите, за да заоблите всеки ъгъл, и копирайте border-radius CSS кода.
Генератор на box-shadow
Настройте плъзгачите за отместване, размазване, разпръскване и цвят, след което копирайте CSS кода за box-shadow.
React Native Shadow Generator
Проектирайте сянка визуално и получете точния React Native style обект както за iOS, така и за Android.
CSS Cubic-Bezier генератор
Оформете персонализирана крива на плавност с плъзгачи, прегледайте анимацията и копирайте CSS кода на cubic-bezier().
CSS Checkbox Generator
Стилизирайте квадратче със заоблена отметка, превключвател или запълнен кръг и копирайте CSS кода.
Генератор на CSS Glassmorphism
Регулирайте прозрачността на фона, замъгляването, бордюра и радиуса, за да изградите поле с ефект на матово стъкло, след което копирайте CSS кода.
Генератор на CSS фонови шарки
Изберете шарка (точки, ивици, шахматна дъска, мрежа), настройте цвят и размер, после копирайте CSS кода.
Генератор на CSS Clip-Path
Изберете готова форма, вижте изрязването на живо и копирайте генерирания CSS код за clip-path.
Справочник на цветовете на Tailwind
Проверете всеки цвят по подразбиране на Tailwind в двете посоки: от hex към име на клас или от име на клас към hex/RGB — плюс пълна разглеждаема палитра.
Конвертор Pantone CMYK RGB
Конвертирайте цветови кодове Pantone (PMS), CMYK, RGB и Hex в двете посоки, с търсим справочник от 1341 цвята Pantone.