Ең жақсы еркін CSS шек радиусын құрастырғышы
Элементтің бұрыштарын визуалды дөңгелектеу - бұрышына немесе сілтемелі, px/%/em - алдын-ала қарау және көшірмелеу.
100% тегін
Жазылу жоқ
Сулы белгісіз
✨
AI- ның ең жақсы модельдері - суреттер, бейнелер және сұхбаттар үшін Go Pro- ға өтіңіз, сонымен қатар, жүктеу жылдамдығы, кезектің артықшылығы және күтусіз.
Pro- ға жаңарту
Махаббат Best.Free? Қосыңыз
Не істеп тұр
- Бұрыштарын орнату. Әрбір бұрыштың жүгірткілерін сүйреп, немесе Бірге жылжыту үшін Барлық бұрыштарды байланыстыру дегенді таңдап ұстаңыз.
- Нобайын қарау. Жылжымалы қоршау сүйреп апарғанда дөңгелейді; px,% немесе em параметрлерін Қосымша параметрлер бөлімінде өзгертіңіз.
- CSS- ті көшірмелеу. CSS- ті көшіріп алу дегенді басып, шеңбер радиусы ережесін стиль кестесііңізге орналастырыңыз.
Бұл құрал туралы
Элементтің бұрыштарын қалағаныңызша дөңгелектеңіз. Төрт бұрыштың әрқайсысына жүгірткіні сүйреп апарыңыз, немесе оларды біріктіріп, бір жүгірткі төрт бұрыштың бәрін де жылжытып, нәтижесін алдын- ала қарау өрісінде көрсетіңіз. Шек радиусы CSS- ті көшірмелеу, бұрыштардың әрқайсысы сәйкес келсе бір мәнге, сәйкес келмесе төрт мәнге дейін кеңейтіледі. Қосымша параметрлері бірлігін px,% және em арасында ауыстырады, сондықтан сіз таблетка пішінді және пайыз бойынша дөңгелектеуді құра аласыз.
Қайсысы қолданылады
- Қиыршық карта, батырма және кескін бұрыштары
- Қалқан немесе толық дөңгелек пішінді құру
- Бірнеше бұрыштарға әртүрлі радиусты орнату
- Дөңгелек пен еліктің пайызы дөңгеленсін
Жиі қойылатын сұрақтар
Иә. Барлық бұрыштарды байланыстыру дегенді өшірсе, әрбір жүгірткі бір бұрышты басқарады; CSS онда төрт мәнді пішімді қолданады (сол жақ жоғарғы, оң жақ жоғарғы, оң жақ төменгі, сол жақ төменгі).
Бұл белгі қойылса, кез келген жүгірткіні сүйреп, төрт бұрышын біріктіріп, CSS бір мәніне қысқартады.
Проценті қоршау өлшеміне қатынасында дөңгеленеді, яғни квадраттың 50% - ы дөңгелек болады да, элементпен бірге масштабталды. Пикселдер бірқалыпты радиусты береді.
Барлық бұрыштарында үлкен радиусты орнатыңыз; шын тіктөртбұрыш үшін элементтің биіктігінің жартысы немесе 50% радиусы - бұрыштарын толық дөңгелектеу үшін.
Жоқ. Жылжымалы белгілер CSS жолын браузеріңізде есептейді.
Тіпті, ақысыз, тіркелгі жоқ, шектеулер жоқ - клиенттік құралдары жоқ, өлшеу қажет.
Иә. Ол браузеріңізде орындалады, сондықтан CSS Border Radius Generator телефондар мен планшеттерде де, үстел үстінде де жұмыс істейді - орнату керек қолданба жоқ.
Әдетте, типтік файл үшін бірнеше секунд қана қажет - CSS Border Radius Generator енгізілген мәліметтерді қабылдағаннан кейін жұмысын бастайды.
Қайталама пайдалану шектеулі, бірақ оны әркімге жылдам ұстайтын әділ пайдалану шегі бар.
Барлық заманауи шолғыштар - Chrome, Safari, Firefox және Edge. CSS Border Radius Generator сіздің қолданыстағы шолғыштан басқа ештеңе орнатуға қажет емес.