Robežas rādiusa ģenerators
Vizuāli noformējiet CSS apmales rādiusu: četri neatkarīgi stūra slīdņi pikseļos vai procentos, saīsne uz visiem stūriem tūlītējiem apļiem un tabletēm, kā arī organiskais lāses režīms ar nejaušām formām.
Rezultāts
Robežas rādiusa deklarācija var aizņemt līdz četrām neatkarīgām stūra vērtībām, kā arī izvēles astoņu vērtību slīpsvītru sintakse organiskajām līknēm — vairāk kustīgu daļu, nekā vairums cilvēku saprot, līdz viņiem ir nepieciešams kaut kas, kas nav vienkāršs noapaļots kartīte. Šis ģenerators parāda ekrānā katru no šīm daļām: četrus stūra slīdņus ar savu pikseļu vai procentu vienību, saīsni uz visiem stūriem simetriskām formām un lāses režīmu formām, kuras nevar izteikt neviena rādiusa vērtība.
Stūru režīms aptver formas, pēc kurām cilvēki patiesībā sasniedz: savienojiet katru stūri ar vienu slīdni, lai iegūtu perfektus apļus, tabletes un sviras, vai atvienojiet tās, lai noapaļotu tikai nolaižamā paneļa augšdaļu vai tikai vienu kartītes pusi. Šaha priekšskatījums aiz formas, ko var pārslēgt starp gaišu un tumšu fonu, ļauj precīzi noteikt, kuri stūri tiek nogriezti jebkurā rādiusā — tie paši vizuālie triku failu rīki šajā vietnē tiek izmantoti, lai parādītu caurspīdīgumu.
Blob režīms ir otra puse: CSS astoņu vērtību slīpsvītras sintakse ļauj nesakrist katra stūra horizontālajiem un vertikālajiem rādiusiem, kas noapaļotu taisnstūri pārvērš organiskā, neregulārā kontūrā. Nospiediet Randomize, lai jebkurā laikā iegūtu jaunu formu, un kopējiet precīzu CSS, kas atrodas aiz tā — nav iesaistīta SVG eksportēšana vai ārēja bibliotēka. Iepriekš iestatītās lapas aptver pieprasījumus, ko cilvēki faktiski ieraksta meklēšanas lodziņā: ideāls aplis, stadiona formas tabletes poga, iOS stila svira un gatavs organiskais lāse.
Tāpat kā visi rīki šajā vietnē, tas pilnībā darbojas jūsu pārlūkprogrammā: nav augšupielādes, nav konta, un ģenerators turpina darboties bezsaistē, tiklīdz lapa ir ielādēta.