Organski CSS generator oblika mrlje
Vizualno dizajnirajte radijus obruba CSS-a: četiri nezavisna kutna klizača u pikselima ili postocima, prečac povezivanja svih kutova za trenutne krugove i pilule, plus način organske mrlje s nasumičnim oblicima.
Rezultat
Ova stranica otvara generator radijusa obruba izravno u blob modu s već učitanim organskim oblikom: bez kvadratnih uglova, bez savršenog kruga, samo meki nepravilni obris izgrađen samo od CSS-a. Pritisnite Randomize bilo kada za novu varijaciju.
Trik iza svake CSS mrlje je sintaksa kose crte od osam vrijednosti: border-radius prihvaća dva skupa od četiri postotka odvojena kosom crtom, prvi skup zakrivljuje vodoravne radijuse, a drugi okomite. Neusklađenost dva skupa upravo je ono što razbija simetriju običnog zaobljenog pravokutnika u organski obris.
Mrljice poput ove ispunjavaju prazan prostor iza slika heroja, avatara i ilustracija na bezbrojnim modernim odredišnim stranicama, upravo zato što nije potrebna knjižnica ili SVG izvoz — to su četiri retka CSS-a. Kopirajte trenutni oblik ili nastavite s nasumičnim odabirom dok vam se jedan ne učini prikladan za vaš raspored.