| author | handle | source | date | likes | retweets | replies |
|---|---|---|---|---|---|---|
Ajay Yadav 🎯 |
@ATechAjay |
January 10, 2022 9:45 AM |
18 |
6 |
3 |
💚 Day 5️⃣4️⃣ / 1️⃣0️⃣0️⃣ Master in CSS Design series!
💥Today we going to design a text with this awesome animation.
❓What's the main logic behind it with the codepen link?
#100DaysOfCode
#webdev
#HashnodeChallenge
Let me explain!🧵👇 pic.twitter.com/Bu9tYWP8Cx
📌First of all, you have to know that what is transform property?
🔥 Learn it from here👇
Ajay Yadav 🎯 (@ATechAjay) - January 6, 2022 5:45 AM
❓One of my friends asked me, that what is
→ top:50% → left:50% → transform: translate(-50%, -50%);
💚 A big shoutout to @Keith_Web3 , This thread was created because of you.
→ In other words, How to center an element using this property.
#100DaysOfCode Let me explain🧵↓ pic.twitter.com/l8gXsTMPH2
👉 This is the HTML code for this design! pic.twitter.com/oxsqfTqbG6
📌 And the basic design of this text is inspired by day 28th and day 53rd days of design.
day-28👇
💚Day 2️⃣8️⃣ / 1️⃣ 0️⃣0️⃣ days of Master in CSS Design series!
💥Today we going to design buttons or nav links with these awesome animation effects.
❓What's the main logic behind it with the codepen link?
#100DaysOfCode
[#webdev elopment](https://twitter.com/hashtag/webdevelopment)
#CodeNewbie
#webdevLet me explain👇🧵 pic.twitter.com/KkO2dWKpSk
day-52👇
💚 Day 5️⃣3️⃣ / 1️⃣0️⃣0️⃣ Master in CSS Design series!
💥Today we going to design a call to action(CTA) with this awesome animation.
❓What's the main logic behind it with the codepen link?
#100DaysOfCode
#webdev
#CodeNewbieLet me explain!👇🧵 pic.twitter.com/9i2qJV8nyn
→ codepen link: