Skip to content
Navigation menu
Search
Powered by
Search
Algolia
Search
Log in
Create account
DEV Community
Close
30 Days Extreme Coding Challenge - HTML and CSS Series' Articles
Back to Somanath Goudar's Series
🤯 30DaysChallenge - 30 Days Extreme HTML & CSS CHALLENGE 🤯
Somanath Goudar
Somanath Goudar
Somanath Goudar
Follow
May 19 '21
🤯 30DaysChallenge - 30 Days Extreme HTML & CSS CHALLENGE 🤯
#
html
#
webdev
#
frontend
#
30daysofcode
132
 reactions
Comments
13
 comments
5 min read
Day 1/30 : Create Glowing Neon Buttons using HTML and CSS
Somanath Goudar
Somanath Goudar
Somanath Goudar
Follow
May 20 '21
Day 1/30 : Create Glowing Neon Buttons using HTML and CSS
#
html
#
css
#
webdev
#
tutorial
35
 reactions
Comments
Add Comment
1 min read
Day 2/30 : Neumorphism Login & Sign Up Form using HTML and CSS
Somanath Goudar
Somanath Goudar
Somanath Goudar
Follow
May 21 '21
Day 2/30 : Neumorphism Login & Sign Up Form using HTML and CSS
#
html
#
css
#
webdev
#
tutorial
41
 reactions
Comments
Add Comment
1 min read
Day 3/30 : Responsive Task Management Dashboard using HTML and CSS
Somanath Goudar
Somanath Goudar
Somanath Goudar
Follow
May 22 '21
Day 3/30 : Responsive Task Management Dashboard using HTML and CSS
#
html
#
css
#
webdev
#
tutorial
32
 reactions
Comments
2
 comments
1 min read
Day 4/30 : Side Navigation Bar using HTML and CSS
Somanath Goudar
Somanath Goudar
Somanath Goudar
Follow
May 23 '21
Day 4/30 : Side Navigation Bar using HTML and CSS
#
html
#
css
#
webdev
#
tutorial
30
 reactions
Comments
Add Comment
1 min read
Day 5/30 : Social Media Icons with Tooltip on Hover using HTML and CSS
Somanath Goudar
Somanath Goudar
Somanath Goudar
Follow
May 24 '21
Day 5/30 : Social Media Icons with Tooltip on Hover using HTML and CSS
#
html
#
css
#
webdev
#
tutorial
30
 reactions
Comments
2
 comments
1 min read
Day 6/30 : Toggle Neumorphism Switch using HTML and CSS
Somanath Goudar
Somanath Goudar
Somanath Goudar
Follow
May 25 '21
Day 6/30 : Toggle Neumorphism Switch using HTML and CSS
#
html
#
css
#
webdev
#
tutorial
12
 reactions
Comments
Add Comment
1 min read
Day 7/30 : FAQ Accordion Section using HTML and CSS
Somanath Goudar
Somanath Goudar
Somanath Goudar
Follow
May 26 '21
Day 7/30 : FAQ Accordion Section using HTML and CSS
#
html
#
css
#
webdev
#
tutorial
13
 reactions
Comments
Add Comment
1 min read
Day 8/30 : Game Card Hover Effects using HTML and CSS
Somanath Goudar
Somanath Goudar
Somanath Goudar
Follow
May 27 '21
Day 8/30 : Game Card Hover Effects using HTML and CSS
#
html
#
css
#
webdev
#
tutorial
16
 reactions
Comments
Add Comment
1 min read
Day 9/30 : Dropmorphism using HTML and CSS
Somanath Goudar
Somanath Goudar
Somanath Goudar
Follow
May 28 '21
Day 9/30 : Dropmorphism using HTML and CSS
#
html
#
css
#
webdev
#
tutorial
9
 reactions
Comments
Add Comment
1 min read
Day 10/30 : Responsive Image Gallery using HTML and CSS
Somanath Goudar
Somanath Goudar
Somanath Goudar
Follow
May 29 '21
Day 10/30 : Responsive Image Gallery using HTML and CSS
#
html
#
css
#
webdev
#
tutorial
12
 reactions
Comments
2
 comments
1 min read
Day 11/30 : Custom Radio Buttons using HTML and CSS
Somanath Goudar
Somanath Goudar
Somanath Goudar
Follow
May 30 '21
Day 11/30 : Custom Radio Buttons using HTML and CSS
#
html
#
css
#
webdev
#
tutorial
11
 reactions
Comments
Add Comment
1 min read
Day 12/30 : Responsive Pricing Card tables using HTML and CSS
Somanath Goudar
Somanath Goudar
Somanath Goudar
Follow
May 31 '21
Day 12/30 : Responsive Pricing Card tables using HTML and CSS
#
html
#
css
#
webdev
#
tutorial
16
 reactions
Comments
Add Comment
1 min read
Day 13/30 : Toggle ON OFF Switch Button using HTML and CSS
Somanath Goudar
Somanath Goudar
Somanath Goudar
Follow
Jun 1 '21
Day 13/30 : Toggle ON OFF Switch Button using HTML and CSS
#
html
#
css
#
webdev
#
tutorial
4
 reactions
Comments
Add Comment
1 min read
Day 14/30 : Samsung Watch Clone With HTML and CSS
Somanath Goudar
Somanath Goudar
Somanath Goudar
Follow
Jun 2 '21
Day 14/30 : Samsung Watch Clone With HTML and CSS
#
html
#
css
#
webdev
#
tutorial
11
 reactions
Comments
Add Comment
1 min read
Day 15/30 : Neumorphic Login Form Design using HTML and CSS
Somanath Goudar
Somanath Goudar
Somanath Goudar
Follow
Jun 3 '21
Day 15/30 : Neumorphic Login Form Design using HTML and CSS
#
html
#
css
#
webdev
#
tutorial
26
 reactions
Comments
2
 comments
1 min read
Day 16/30 : Neumorphism Animation using CSS
Somanath Goudar
Somanath Goudar
Somanath Goudar
Follow
Jun 4 '21
Day 16/30 : Neumorphism Animation using CSS
#
html
#
css
#
webdev
#
tutorial
4
 reactions
Comments
2
 comments
1 min read
Day 17/30 : Card Reveal Hover Effect using HTML and CSS
Somanath Goudar
Somanath Goudar
Somanath Goudar
Follow
Jun 5 '21
Day 17/30 : Card Reveal Hover Effect using HTML and CSS
#
html
#
css
#
webdev
#
tutorial
2
 reactions
Comments
Add Comment
1 min read
Day 18/30 : Animated Login and Sign Up Form using HTML and CSS
Somanath Goudar
Somanath Goudar
Somanath Goudar
Follow
Jun 6 '21
Day 18/30 : Animated Login and Sign Up Form using HTML and CSS
#
html
#
css
#
webdev
#
tutorial
9
 reactions
Comments
Add Comment
1 min read
Day 19/30 : Awesome Animated Search Bar using HTML and CSS
Somanath Goudar
Somanath Goudar
Somanath Goudar
Follow
Jun 7 '21
Day 19/30 : Awesome Animated Search Bar using HTML and CSS
#
html
#
css
#
webdev
#
tutorial
6
 reactions
Comments
Add Comment
1 min read
Day 20/30 : Animated Search Bar using HTML and CSS
Somanath Goudar
Somanath Goudar
Somanath Goudar
Follow
Jun 8 '21
Day 20/30 : Animated Search Bar using HTML and CSS
#
html
#
css
#
webdev
#
tutorial
2
 reactions
Comments
Add Comment
1 min read
Day 21/30 : 3D Button Hover Animation using HTML and CSS
Somanath Goudar
Somanath Goudar
Somanath Goudar
Follow
Jun 9 '21
Day 21/30 : 3D Button Hover Animation using HTML and CSS
#
html
#
css
#
webdev
#
tutorial
4
 reactions
Comments
Add Comment
1 min read
Day 22/30 : Amazing Profile Cards Design Using HTML and CSS
Somanath Goudar
Somanath Goudar
Somanath Goudar
Follow
Jun 10 '21
Day 22/30 : Amazing Profile Cards Design Using HTML and CSS
#
html
#
css
#
webdev
#
tutorial
19
 reactions
Comments
4
 comments
1 min read
Day 23/30 : Button with Animated Border using HTML and CSS
Somanath Goudar
Somanath Goudar
Somanath Goudar
Follow
Jun 11 '21
Day 23/30 : Button with Animated Border using HTML and CSS
#
html
#
css
#
webdev
#
tutorial
3
 reactions
Comments
Add Comment
1 min read
Day 24/30 : Amazing Profile Cards Design Using HTML and CSS
Somanath Goudar
Somanath Goudar
Somanath Goudar
Follow
Jun 12 '21
Day 24/30 : Amazing Profile Cards Design Using HTML and CSS
#
html
#
css
#
webdev
#
tutorial
19
 reactions
Comments
Add Comment
1 min read
Day 25/30 : Image Hover Effects using HTML and CSS
Somanath Goudar
Somanath Goudar
Somanath Goudar
Follow
Jun 13 '21
Day 25/30 : Image Hover Effects using HTML and CSS
#
html
#
css
#
webdev
#
tutorial
9
 reactions
Comments
Add Comment
1 min read
Day 26/30 : CSS Button Hover Effect using HTML and CSS
Somanath Goudar
Somanath Goudar
Somanath Goudar
Follow
Jun 14 '21
Day 26/30 : CSS Button Hover Effect using HTML and CSS
#
html
#
css
#
webdev
#
tutorial
3
 reactions
Comments
Add Comment
1 min read
Day 27/30 : CSS Image Hover Effect | Show Button on Hover
Somanath Goudar
Somanath Goudar
Somanath Goudar
Follow
Jun 15 '21
Day 27/30 : CSS Image Hover Effect | Show Button on Hover
#
html
#
css
#
webdev
#
tutorial
7
 reactions
Comments
Add Comment
1 min read
Day 28/30 : CSS Button Hover Effect | Animated Border using HTML and CSS
Somanath Goudar
Somanath Goudar
Somanath Goudar
Follow
Jun 16 '21
Day 28/30 : CSS Button Hover Effect | Animated Border using HTML and CSS
#
html
#
css
#
webdev
#
tutorial
7
 reactions
Comments
Add Comment
1 min read
Day 29/30 : Awesome CSS Card Hover Effects Using HTML and CSS
Somanath Goudar
Somanath Goudar
Somanath Goudar
Follow
Jun 17 '21
Day 29/30 : Awesome CSS Card Hover Effects Using HTML and CSS
#
html
#
css
#
webdev
#
tutorial
16
 reactions
Comments
Add Comment
1 min read
Day 30/30 : Responsive Profile Cards Using HTML and CSS
Somanath Goudar
Somanath Goudar
Somanath Goudar
Follow
Jun 18 '21
Day 30/30 : Responsive Profile Cards Using HTML and CSS
#
html
#
css
#
webdev
#
tutorial
23
 reactions
Comments
Add Comment
1 min read
We're a place where coders share, stay up-to-date and grow their careers.
Log in
Create account