Organiskais CSS lāse 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 tieši lāse režīmā ar jau ielādētu organisko formu: bez kvadrātveida stūriem, bez perfekta apļa, tikai mīksta neregulāra kontūra, kas veidota tikai no CSS. Lai iegūtu jaunu variantu, jebkurā laikā nospiediet pogu Randomize.
Katra CSS lāse slēpjas astoņu vērtību slīpsvītru sintakse: border-radius pieņem divas četru procentu kopas, kas atdalītas ar slīpsvītru, pirmā kopa izliek horizontālos rādiusus, bet otrā – vertikālos. Abu komplektu neatbilstība ir tieši tas, kas izjauc vienkārša noapaļota taisnstūra simetriju organiskā kontūrā.
Šādas lāses aizpilda tukšo vietu aiz varoņu attēliem, iemiesojumiem un ilustrācijām neskaitāmās modernās galvenajās lapās tieši tāpēc, ka nav nepieciešama bibliotēka vai SVG eksportēšana — tās ir četras CSS rindiņas. Kopējiet pašreizējo formu vai turpiniet nejaušināt, līdz tā šķiet piemērota jūsu izkārtojumam.