Border Radius генераторы
Жүгірткілердің көмегімен әр бұрышты жұмырлаңыз, эллипстік режиммен табиғи пішіндер жасаңыз және CSS кодын лезде көшіріп алыңыз.
Әр бұрыш тікелей браузеріңізде салынады. Мұнда орнатқан ештеңе BroBroGo серверіне жүктелмейді.
Жиі қойылатын сұрақтар
Төрт бұрыш және px пен % айырмашылығы қалай жұмыс істейді?
Төрт жүгірткі сағат тілімен жоғарғы сол, жоғарғы оң, төменгі оң және төменгі сол бұрыштарға сәйкес келеді. Пиксельмен (px) бұрыш белгілі бір тұрақты шамаға жұмырланады; ал пайызда (%) ол блок өлшеміне қатысты жұмырланады — көлденең пайыз еніне, ал тік пайыз биіктігіне байланысты болады, сондықтан 50% мәні шаршыны шеңберге айналдырады.
Эллипстік режим не істейді?
Бұл режим өшірулі болса, әр бұрыш бір ғана радиусы бар шеңбердің ширегі болады. Оны қоссаңыз, әр бұрыштың жеке көлденең және тік радиусы пайда болады, бұл жұмсақ, табиғи «тамшы» (blob) пішіндерін жасауға мүмкіндік береді. Генератор сіз үшін қиғаш сызықпен бөлінген қос мәнді жазып береді, ал бұрыштар қайтадан дөңгелек болғанда қысқа пішімге оралады.
Мінсіз шеңберді немесе сопақша батырманы қалай жасауға болады?
Бұрыштарды байланыстырып, пайыздық (%) режимге ауысыңыз және 50% мәнін орнатыңыз: шаршы шеңберге айналады. Сопақша батырма жасау үшін пиксель (px) режимін қалдырып, бұрышты батырма биіктігінің жартысынан асыра тартыңыз — бұл жағдайда кез келген енде шеттері толықтай жұмыр болып қалады. «Шеңбер» дайын үлгісі бұл параметрді бір басумен орнатады.