CSS tabletes / stadiona formas ģ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
Šajā lapā tiek atvērts apmales rādiusa ģenerators, kurā visi četri stūri ir saistīti un novirzīti ļoti lielā rādiusā: 999 pikseļi. Parastā pogas izmēra taisnstūrī pārlūkprogramma nogriež lielu rādiusu tieši līdz pusei no lodziņa augstuma, kas rada pilnībā noapaļotu tabletes vai stadiona formu, nevis kvadrātu ar nedaudz noapaļotiem stūriem.
Tāpēc tablešu pogām nav nepieciešama precīza rādiusa vērtība, kas pielāgota katras pogas augstumam — jebkurš skaitlis, kas ir ērti lielāks par pusi no augstuma, nodrošina identisku apgrieztu rezultātu, tāpēc 999 pikseļi (vai pat 9999 pikseļi) ir kļuvuši par neformālu kopienas saīsinājumu CSS izmantošanai “visā veidā”.
Mainiet lodziņa lielumu savā izkārtojumā, un tie paši 999 pikseļi turpina radīt pilnu tableti jebkurā augstumā, jo pārlūkprogramma vienmēr automātiski piegriež pusi lodziņa. Kopējiet CSS, kad tas izskatās pareizi, vai atvienojiet stūrus, lai tā vietā izveidotu asimetrisku kapsulu.