| author | handle | source | date | likes | retweets | replies |
|---|---|---|---|---|---|---|
Ajay Yadav 🎯 |
@ATechAjay |
January 18, 2022 3:00 PM |
23 |
17 |
8 |
💚 Day 6️⃣2️⃣ / 1️⃣0️⃣0️⃣ Master in CSS Design series!
💥 Today we are going to design an icon with this awesome hover effect as well as animation.
❓ What's the main logic behind it with the codepen link?
#100DaysOfCode
#CodeNewbie #webdev
Let me explain!🧵👇 pic.twitter.com/vsMP1rvjsT
This is the HTML code for this design. pic.twitter.com/2qZ1246NZr
You can design a dotted border using the "before" pseudo-element. pic.twitter.com/D5HbsESQBE
And this is the code of the container of the icons. pic.twitter.com/X7sVrE53yh
Finally, we have to add the keyframes for the border rotation. pic.twitter.com/XhMQgDE5y6
→ codepen link: