author | handle | source | date | likes | retweets | replies |
---|---|---|---|---|---|---|
Ajay Yadav 🎯 |
@ATechAjay |
December 23, 2021 1:05 PM |
10 |
9 |
1 |
Ajay Yadav 🎯 (@ATechAjay) - December 23, 2021 1:05 PM
💚Day 3️⃣7️⃣ / 1️⃣ 0️⃣0️⃣ days of Master in CSS Design series!
💥Today we going to design a simple web page(coming soon!), with these cool(neon) effects.😍
❓What's the main logic behind it with the codepen link?
#100DaysOfCode
[#webdev elopment](https://twitter.com/hashtag/webdevelopment)
#webdev
Let me explain!👇🧵 pic.twitter.com/IIGmTzadQx
📌Two properties are very important for this design.
→ Neon design → transform property
I have already posted threads on this NEON design!
Ajay Yadav 🎯 (@ATechAjay) - December 3, 2021 9:54 AM
💚Day 1️⃣7️⃣ / 1️⃣ 0️⃣0️⃣ days of Master in CSS Design series!
💥Today we going to design a text or any object like neon or glowing design.
❓What is the main logic behind it?
✅ In 2 steps!!
#100DaysOfCode
[#webdev elopment](https://twitter.com/hashtag/webdevelopment)
#CodeNewbie
#webdevLet me explain👇🧵 pic.twitter.com/MiRoOhhx1S
Ajay Yadav 🎯 (@ATechAjay) - November 26, 2021 2:46 PM
💚Day🔟 / 1️⃣0️⃣0️⃣ days of Master in CSS Design series!
💥Today we going to design a button with this awesome hover effect.
✅ Only care about this neon effect.
✅ We are going to use this in the next design.
❓What is the main logic behind it?
→ Now we have to rotate our text using the transform property.
→ Using the rotate function of the transform property.
codepen link: