Skip to content

Latest commit

 

History

History

37-simple web page Coming Soon with these cool neon effects

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
author handle source date likes retweets replies
Ajay Yadav 🎯
@ATechAjay
December 23, 2021 1:05 PM
10
9
1

ATechAjay 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!

twitter.com/ATechAjay/stat…

ATechAjay 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
#webdev

Let me explain👇🧵 pic.twitter.com/MiRoOhhx1S

twitter.com/ATechAjay/stat…

ATechAjay 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?

#100DaysOfCode
#webdevelopment pic.twitter.com/fPuPjqrxWH

3_1464176536769097730

→ Now we have to rotate our text using the transform property.

→ Using the rotate function of the transform property.

👇 pic.twitter.com/wTFImaBUxR

3_1473942783522009088

codepen link:

codepen.io/atechajay/pen/…

Thread link