“Squircle” je kombinacija besed kvadrat (square) in krog (circle). Označuje pa poseben oblike, ki so med njimi, ki jih običajno srečamo v mobilnih aplikacijah.

“A squircle is a shape intermediate between a square and a circle.”

Na spletnih straneh običajno srečamo kvadratne ali zaokrožene robove. Sedaj v CSS prihaja nova oblika, ki se giblje med njima. Značka za uporabo “Squircle” je corner-shape: squircle, slednja naredi prehod bolj mehak, kot smo ga navajeni v nekaterih mobilnih operacijskih sistemih. Podpora še ni precej široka, trenutno zadnje verzije Chrome in Edge. Vendar ima CSS rezervni plan, tako da lahko brez težav slednjega že uporabljate.

Primer kode:

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

Dodatni viri: The corner-shape Shorthand