Create 7 complicated figures using CSS ♾️➡️⭐🔍❤️
🧵👇🏻
1️⃣ Infinity Symbol
It may look tough but trust me I created this symbol using border-radius only
2️⃣ Arrow
Combination of rectangle and a triangle
3️⃣ Star
Combination of two triangles
4️⃣ Magnifying glass
You guessed it right! Its just a simple circle and small rectangle
5️⃣ Heart
- Two rectangles with top round border-radius
6️⃣ Pacman
7️⃣ 8 Point Star
Two squares overlapping each other
Check out full source code here
codepen.io/prathamkumar/p…
Share this Scrolly Tale with your friends.
A Scrolly Tale is a new way to read Twitter threads with a more visually immersive experience.
Discover more beautiful Scrolly Tales like this.