DEV Community

30 Days Extreme Coding Challenge - HTML and CSS Series' Articles

Back to Somanath Goudar's Series
🤯 30DaysChallenge - 30 Days Extreme HTML & CSS CHALLENGE 🤯
Cover image for 🤯 30DaysChallenge - 30 Days Extreme HTML & CSS CHALLENGE 🤯

🤯 30DaysChallenge - 30 Days Extreme HTML & CSS CHALLENGE 🤯

132
Comments 13
5 min read
Day 1/30 : Create Glowing Neon Buttons using HTML and CSS
Cover image for Day 1/30 : Create Glowing Neon Buttons using HTML and CSS

Day 1/30 : Create Glowing Neon Buttons using HTML and CSS

35
Comments
1 min read
Day 2/30 : Neumorphism Login & Sign Up Form using HTML and CSS
Cover image for Day 2/30 : Neumorphism Login & Sign Up Form using HTML and CSS

Day 2/30 : Neumorphism Login & Sign Up Form using HTML and CSS

41
Comments
1 min read
Day 3/30 : Responsive Task Management Dashboard using HTML and CSS
Cover image for Day 3/30 : Responsive Task Management Dashboard using HTML and CSS

Day 3/30 : Responsive Task Management Dashboard using HTML and CSS

32
Comments 2
1 min read
Day 4/30 : Side Navigation Bar using HTML and CSS
Cover image for Day 4/30 : Side Navigation Bar using HTML and CSS

Day 4/30 : Side Navigation Bar using HTML and CSS

30
Comments
1 min read
Day 5/30 : Social Media Icons with Tooltip on Hover using HTML and CSS
Cover image for Day 5/30 : Social Media Icons with Tooltip on Hover using HTML and CSS

Day 5/30 : Social Media Icons with Tooltip on Hover using HTML and CSS

30
Comments 2
1 min read
Day 6/30 : Toggle Neumorphism Switch using HTML and CSS
Cover image for Day 6/30 : Toggle Neumorphism Switch using HTML and CSS

Day 6/30 : Toggle Neumorphism Switch using HTML and CSS

12
Comments
1 min read
Day 7/30 : FAQ Accordion Section using HTML and CSS
Cover image for Day 7/30 : FAQ Accordion Section using HTML and CSS

Day 7/30 : FAQ Accordion Section using HTML and CSS

13
Comments
1 min read
Day 8/30 : Game Card Hover Effects using HTML and CSS
Cover image for Day 8/30 : Game Card Hover Effects using HTML and CSS

Day 8/30 : Game Card Hover Effects using HTML and CSS

16
Comments
1 min read
Day 9/30 : Dropmorphism using HTML and CSS
Cover image for Day 9/30 : Dropmorphism using HTML and CSS

Day 9/30 : Dropmorphism using HTML and CSS

9
Comments
1 min read
Day 10/30 : Responsive Image Gallery using HTML and CSS
Cover image for Day 10/30 : Responsive Image Gallery using HTML and CSS

Day 10/30 : Responsive Image Gallery using HTML and CSS

12
Comments 2
1 min read
Day 11/30 : Custom Radio Buttons using HTML and CSS
Cover image for Day 11/30 : Custom Radio Buttons using HTML and CSS

Day 11/30 : Custom Radio Buttons using HTML and CSS

11
Comments
1 min read
Day 12/30 : Responsive Pricing Card tables using HTML and CSS
Cover image for Day 12/30 : Responsive Pricing Card tables using HTML and CSS

Day 12/30 : Responsive Pricing Card tables using HTML and CSS

16
Comments
1 min read
Day 13/30 : Toggle ON OFF Switch Button using HTML and CSS
Cover image for Day 13/30 : Toggle ON OFF Switch Button using HTML and CSS

Day 13/30 : Toggle ON OFF Switch Button using HTML and CSS

4
Comments
1 min read
Day 14/30 : Samsung Watch Clone With HTML and CSS
Cover image for Day 14/30 : Samsung Watch Clone With HTML and CSS

Day 14/30 : Samsung Watch Clone With HTML and CSS

11
Comments
1 min read
Day 15/30 : Neumorphic Login Form Design using HTML and CSS
Cover image for Day 15/30 : Neumorphic Login Form Design using HTML and CSS

Day 15/30 : Neumorphic Login Form Design using HTML and CSS

26
Comments 2
1 min read
Day 16/30 : Neumorphism Animation using CSS
Cover image for Day 16/30 : Neumorphism Animation using CSS

Day 16/30 : Neumorphism Animation using CSS

4
Comments 2
1 min read
Day 17/30 : Card Reveal Hover Effect using HTML and CSS
Cover image for Day 17/30 : Card Reveal Hover Effect using HTML and CSS

Day 17/30 : Card Reveal Hover Effect using HTML and CSS

2
Comments
1 min read
Day 18/30 : Animated Login and Sign Up Form using HTML and CSS
Cover image for Day 18/30 : Animated Login and Sign Up Form using HTML and CSS

Day 18/30 : Animated Login and Sign Up Form using HTML and CSS

9
Comments
1 min read
Day 19/30 : Awesome Animated Search Bar using HTML and CSS
Cover image for Day 19/30 : Awesome Animated Search Bar using HTML and CSS

Day 19/30 : Awesome Animated Search Bar using HTML and CSS

6
Comments
1 min read
Day 20/30 : Animated Search Bar using HTML and CSS
Cover image for Day 20/30 : Animated Search Bar using HTML and CSS

Day 20/30 : Animated Search Bar using HTML and CSS

2
Comments
1 min read
Day 21/30 : 3D Button Hover Animation using HTML and CSS
Cover image for Day 21/30 : 3D Button Hover Animation using HTML and CSS

Day 21/30 : 3D Button Hover Animation using HTML and CSS

4
Comments
1 min read
Day 22/30 : Amazing Profile Cards Design Using HTML and CSS
Cover image for Day 22/30 : Amazing Profile Cards Design Using HTML and CSS

Day 22/30 : Amazing Profile Cards Design Using HTML and CSS

19
Comments 4
1 min read
Day 23/30 : Button with Animated Border using HTML and CSS
Cover image for Day 23/30 : Button with Animated Border using HTML and CSS

Day 23/30 : Button with Animated Border using HTML and CSS

3
Comments
1 min read
Day 24/30 : Amazing Profile Cards Design Using HTML and CSS
Cover image for Day 24/30 : Amazing Profile Cards Design Using HTML and CSS

Day 24/30 : Amazing Profile Cards Design Using HTML and CSS

19
Comments
1 min read
Day 25/30 : Image Hover Effects using HTML and CSS
Cover image for Day 25/30 : Image Hover Effects using HTML and CSS

Day 25/30 : Image Hover Effects using HTML and CSS

9
Comments
1 min read
Day 26/30 : CSS Button Hover Effect using HTML and CSS
Cover image for Day 26/30 : CSS Button Hover Effect using HTML and CSS

Day 26/30 : CSS Button Hover Effect using HTML and CSS

3
Comments
1 min read
Day 27/30 : CSS Image Hover Effect | Show Button on Hover
Cover image for Day 27/30 : CSS Image Hover Effect | Show Button on Hover

Day 27/30 : CSS Image Hover Effect | Show Button on Hover

7
Comments
1 min read
Day 28/30 : CSS Button Hover Effect | Animated Border using HTML and CSS
Cover image for Day 28/30 :  CSS Button Hover Effect | Animated Border using HTML and CSS

Day 28/30 : CSS Button Hover Effect | Animated Border using HTML and CSS

7
Comments
1 min read
Day 29/30 : Awesome CSS Card Hover Effects Using HTML and CSS
Cover image for Day 29/30 : Awesome CSS Card Hover Effects Using HTML and CSS

Day 29/30 : Awesome CSS Card Hover Effects Using HTML and CSS

16
Comments
1 min read
Day 30/30 : Responsive Profile Cards Using HTML and CSS
Cover image for Day 30/30 : Responsive Profile Cards Using HTML and CSS

Day 30/30 : Responsive Profile Cards Using HTML and CSS

23
Comments
1 min read