Border Radius Ģenerators

border-radius deklarācija var pieņemt līdz pat četrām neatkarīgām stūru vērtībām, kā arī neobligātu astoņu vērtību slīpsvītras sintaksi organiskām līknēm – vairāk kustīgu daļu, nekā vairums cilvēku apzinās, līdz viņiem vajag kaut ko vairāk par vienkāršu noapaļotu kartīti. Šis ģenerators parāda katru no šīm daļām uz ekrāna: četri stūru slīdņi ar savām px-vai-procentu mērvienībām, saistīt visus stūrus īsceļš simetriskām formām un blob režīms formām, ko neviena atsevišķa rādiusa vērtība nespēj izteikt.

Stūru režīms aptver formas, pēc kurām cilvēki patiešām tiecas: sasaistiet katru stūri vienā slīdnī perfektiem apļiem, pill formām un squircles, vai atsaistiet tos, lai noapaļotu tikai nolaižamā paneļa augšdaļu vai tikai vienu kartītes pusi. Šaha galdiņa priekšskatījums aiz formas, pārslēdzams starp gaišu un tumšu fonu, padara acīmredzamu, tieši kuri stūri tiek nogriezti pie jebkura rādiusa – tas pats vizuālais triks, ko failu rīki šajā vietnē izmanto, lai parādītu caurspīdīgumu.

Blob režīms ir otra puse: CSS astoņu vērtību slīpsvītras sintakse ļauj katra stūra horizontālajiem un vertikālajiem rādiusiem atšķirties, kas ir tas, kas pārvērš noapaļotu taisnstūri organiskā, neregulārā kontūrā. Spiediet Randomizēt, lai jebkurā brīdī iegūtu jaunu formu, un kopējiet precīzu CSS, kas to veido – nav nepieciešams SVG eksports vai ārēja bibliotēka. Iepriekš iestatītas lapas aptver pieprasījumus, ko cilvēki faktiski ieraksta meklēšanas lodziņā: perfekts aplis, stadiona formas pill poga, iOS stila squircle un gatavs organisks blob.

Tāpat kā katrs rīks šajā vietnē, tas darbojas pilnībā jūsu pārlūkprogrammā: nav augšupielādes, nav konta, un ģenerators turpina darboties bezsaistē, tiklīdz lapa ir ielādēta.