← Құралдар
Дизайн және CSS
Түстер, жауап беретін өлшемдер және өндіріске дайын CSS жасаңыз.
Түс және қолжетімділік
CSS орналасуы және эффектілері
- Box Shadow генераторыЖүгірткілерді тартып box-shadow жасаңыз, тереңдік үшін қабаттарды біріктіріңіз және дайын CSS кодын лезде көшіріп алыңыз.
- Градиент генераторыСызықтық, радиалды немесе конустық градиент жасаңыз, түс нүктелерін қосып, бағытын орнатыңыз, содан кейін CSS кодын бір басумен көшіріп алыңыз.
- Border Radius генераторыЖүгірткілердің көмегімен әр бұрышты жұмырлаңыз, эллипстік режиммен табиғи пішіндер жасаңыз және CSS кодын лезде көшіріп алыңыз.
- Flexbox генераторыВизуалды басқару элементтерімен flex контейнерін және оның элементтерін баптаңыз, орналасудың тікелей өзгеруін бақылаңыз және CSS кодын бір басумен көшіріп алыңыз.
- CSS Grid генераторыБағандар мен жолдарды орнатыңыз, элементтерді орналастыру үшін ұяшықтар бойымен тартыңыз және бір басумен сәйкес HTML коды бар CSS тор кодын көшіріп алыңыз.
- CSS Cubic Bezier генераторыАнимация қисығын жасау үшін екі тұтқаны тартыңыз, нүктенің қозғалысын қалыпты қозғалыспен салыстыра отырып бақылаңыз және cubic-bezier() мәнін көшіріп алыңыз.
- CSS clamp() калькуляторыКіші және үлкен экрандар үшін өлшемді енгізіп, олардың арасында бірқалыпты өзгеретін икемді clamp() мәнін алыңыз — қаріп өлшемдері, ішкі/сыртқы шегіністер немесе аралықтар үшін.
Қаріпті тексеру және лицензиялау
Экран, басып шығару және пропорция
- Пиксель / DPI түрлендіргішіЭкран дизайны мен баспа жұмыстары үшін кез келген DPI/PPI деңгейінде пиксельдерді дюймге, см-ге және мм-ге айналдырыңыз.
- Экранның PPI калькуляторыПиксель тығыздығын, пиксель қадамын, физикалық өлшемдерін және т.б. алу үшін рұқсат пен экран өлшемін енгізіңіз.
- px-тен rem және em-ге түрлендіргішӨзіңіздің негізгі және контекстік қаріп өлшемдеріңізді пайдаланып px, rem және em арасында түрлендіріңіз — кез келген өрісті өзгертсеңіз, қалған екеуі сіз терген кезде жаңарады.
Бұл санатта сәйкес құралдар жоқ.