1 HTML Element + 5 CSS Properties = Magic!

Let’s say I told you we can get the results below with just one HTML element and five CSS properties for each. No SVG, no images (save for the background on the root that’s there just to make clear that our one HTML element has some transparent parts), no JavaScript. What would you think that involves?

The desired results.
Well, this article is going to explain just how to do this and then also show how to make things fun …
The post 1 HTML Element + 5 CSS Properties = Magic! appeared first on CSS-Tricks.

Link: https://css-tricks.com/1-html-element-5-css-properties-magic/