S pomočjo CSSja lahko naredimo različne vrste oblik. Kvadrati in pravokotniki so enostavni, saj so to naravne oblike gradnikov. Z malo domišljije pa lahko naredimo vse od trikotnikov, krogov, elips, … in vse do kompleksnih oblik, kot so logotipi.

Če temu dodajamo še “pseudo-elementa” ::before in ::after, ki nam dajeta možnost dveh dodatnih oblik, ki ju lahko dodamo k izvirnemu elementu. Če smo pametni pri pozicioniranju, preoblikovanju in številnih drugih trikih, lahko naredimo praktično vse z nekaj HTML elementi in veliko CSSja.

Osnovne CSS oblike

See the Pen
CSS oblike by Ziga (@pomagalnik)
on CodePen.

Simbol Pomagalnik s pomočjo CSSja – naprednejša oblika

See the Pen
CSS simbol Pomagalnik by Ziga (@pomagalnik)
on CodePen.

Če vas takšne zadeve veselijo pa greste lahko tako daleč, kot je šel @ecsspert na svojem projektu CSS3 logos.