Дизайн және CSS
Тікелей жергілікті алдын ала қараумен практикалық түстер мен CSS жасаңыз.
Түс түрлендіргіші
HEX, RGB және HSL түстерін түрлендіріп, нақты нәтижесін алдын ала көріңіз.
Құралды ашу →CSS градиент генераторы
Екі түсті сызықтық градиент жасаңыз және өндірісте қолдануға дайын CSS кодын көшіріңіз.
Құралды ашу →WCAG контрастын тексергіш
екі түстің контраст арақатынасын есептеп, жалпы WCAG AA және AAA мәтін шектерін тексеріңіз.
Құралды ашу →CSS қорап көлеңкесін генераторы
тірі түс, ығысу, бұлыңғырлану және таралу мәндері бар box-shadow құрастырыңыз.
Құралды ашу →CSS мәтін көлеңкесі генераторы
оқуға ыңғайлы text-shadow декларациясын құрастырыңыз және оны таңдалған фонға қарсы алдын ала қараңыз.
Құралды ашу →CSS шекара радиусын генераторы
төрт тәуелсіз бұрыш радиусын орнатып, нәтижесінде алынған CSS декларациясын экспорттаңыз.
Құралды ашу →Жауап беретін CSS Clamp генераторы
көрініс терезесінің ендері бойымен ең аз және ең көп өлшемдер арасында сұйық clamp өрнегін есептеу.
Құралды ашу →PX ↔ REM түрлендіргіші
қол жетімді макеттер үшін түбірлік қаріп өлшемін нақты көрсетіп, пиксельдер мен rem бірліктерін түрлендіріңіз.
Құралды ашу →CSS үшбұрыш генераторы
төрт бағытқа арналған, өлшемі мен түсі бапталатын, нөлдік өлшемді CSS шекара үшбұрышын жасаңыз.
Құралды ашу →Түс реңктерін генерациялау
HEX түстерінен көшіріп алуға болатын CSS айнымалылары бар жарықтан күңгіртке дейінгі детерминистік реңк шкаласын жасаңыз.
Құралды ашу →CSS жүктеуші генераторы
өлшемі, қалыңдығы, жылдамдығы және түстері реттелетін жеңіл, қолжетімді айналдырғыш жасаңыз.
Құралды ашу →CSS спецификалығының калькуляторы
селекторлардың ерекшелігін есептеп, ID, класс, атрибуттар, псевдокластар және элемент селекторларын салыстырыңыз.
Құралды ашу →CSS оңайлату функциясының құрастырушысы
cubic-bezier басқару нүктелерін тексеріп, қайта пайдалануға болатын ауысу уақытын CSS жасаңыз.
Құралды ашу →CSS теңшелетін қасиет шығарғыш
CSS айнымалы декларацияларын, қайталанатын анықтамаларды және олардың соңғы шешілген мәтіндік мәндерін табыңыз.
Құралды ашу →CSS медиа-сұраным құрастырушысы
айқын responsive шарттарынан ен, бағдар және motion-preference media query-лерін жасаңыз.
Құралды ашу →CSS түстік мәндерін шығарып алғыш
қойылған CSS-тен HEX, RGB, HSL және заманауи функционалдық түс мәндерін шығарып алып, санап беріңіз.
Құралды ашу →CSS қолдау ережесін құрастырушы
бір расталған CSS декларациясынан оң және резервтік мүмкіндік сұрауларын жасаңыз.
Құралды ашу →CSS қаріптер жиыны құрастырушысы
дәйексөзге алынған font-family стекін айқын жалпы сақтық қорымен және қайталанатындарды жоюмен құрыңыз.
Құралды ашу →CSS z-index талдағышы
мәнерлер кестесін орындамай-ақ сандық z-index декларацияларын шығарып алып, қабаттасу мәндерін дәрежелеу.
Құралды ашу →CSS анимация ұзақтығын аудиттеу құралы
инвентарьдегі анимация және ауысу уақыттарын түгендеп, reduced-motion өңдеуі бар-жоғын хабарлаңыз.
Құралды ашу →CSS үзіліс нүктелері тізімі
min-width және max-width медиа-сұрау breakpoints мәндерін шығарып алып, олардың жиілігі мен ретін хабарлаңыз.
Құралды ашу →CSS логикалық қасиеттерін тексергіш
жазу бағытына бейім орналасулар үшін физикалық және ағынға қатысты CSS қасиеттерін пайдалануды салыстыру.
Құралды ашу →CSS қаріп өлшемі түгендеуі
біркелкі емес типография масштабтарын анықтау үшін font-size жарияланымдарын мәні мен бірлігі бойынша шығарып алыңыз.
Құралды ашу →CSS Grid жолақ талдағышы
repeat және minmax қолданылуының қысқаша мазмұны бар inventory grid-template қатар және баған декларациялары.
Құралды ашу →Бұл бетте сәйкес құралдар жоқ.