30 days of CSS is a project that aims to improve coding skills by making mini daily projects using HTML5 and CSS.
The 30 days of CSS challenge aims to improve learning about html and css (without frameworks), using animations and effects. A challenge created by Milena Carecho, see here.
- Make one project a day;
- Share your progress on social media using the hashtags #30DaysOfCSS and #30diasDeCSS;
- The project must be completed by 11:59 pm.
- Day 01 - Animation using search box
- Day 02 - Animated loader
- Day 03 - Layered social media icon
- Day 04 - Color changing checkbox
- Day 05 - Floating text
- Day 06 - Heart beating
- Day 07 - Shiny button
- Day 08 - Animated screen
- Day 09 - Animation with hover images
- Day 10 - Animated Checkbox Neon effect
- Day 11 - Pulsing effect
- Day 12 - Typewriter
- Day 13 - Text color change when entering another div
- Day 14 - Rotating card animation
- Day 15 - Shiny text
- Day 16 - Lightsaber
- Day 17 - Animated menu
- Day 18 - Smoky Text
- Day 19 - Background that changes color
- Day 20 - Fill effect when hovering
- Day 21 - Animated text background with stars
- Day 22 - Colorful animation
- Day 23 - Animation with text
- Day 24 - Image Slideshow
- Day 25 - Button with effect
- Day 26 - Animated circles
- Day 27 - Circles with effects
- Day 28 - Page Background Animation
- Day 29 - Effect with heart
- Day 30 - Fireworks