, ,

CSS Tricks.com have an awesome tutorial on creating geometrical shapes using a single HTML element and few lines of CSS.

Infinity Symbol Generated Using CSS

Although, tutorial uses the capabilities of CSS to its max, but I don’t find any practical use of such CSS shapes due to inconsistency in browser. I won’t be using this trick for any practical application but I learned a lot more about CSS by going through this tutorial.