Obzirom da je trenutno vrlo popularan dizajn elemenata web strane sa zaobljenim ćoškovima a da CSS ne omogućava jednostavno kreiranje ovakvog vizuelnog efekta, često se pribegava raznim tehnikama. U ovom postu nabrojano je 25 tehnika za kreiranje boksa sa zaobljenim ćoškovima koristeći samo CSS ili CSS u kombinaciji sa JavaScript-om.

Moj favorit je CSS:Smart Corners (isproban i funkcionalan).

CSS: Smart Corners

Ipak, da biste olakšali ovaj postupak možete koristiti i online generator zaobljenih ćoškova. Procedura je vrlo jednostavna i zahteva podešavanje radijusa, boje pozadine i div-a sa sadržajem. Generator ima mogućnost da kreira i elemente sa gradijentnom pozadinom ili elemente sa okvirom i u tom slučaju je potrebno podesiti još par opcija.

Nakon izbora odgovarajućih opcija generiše se CSS i XHTML kod koji možete iskopirati na vašu web stranicu a generisane slike sačuvati u u direktorijumu sa slikama.

Online generator zaobljenih ćoškova pomoću CSS-a

Sviđa ti se članak? Podeli ga sa prijateljima.