30Days of CSS is a challenge aims to help improve your coding skills by making mini-projects using HTML and CSS3.

_ Exercising my knowledge (and learning more) of HTML5 and CSS3, creating daily mini-projects for 30 days.

• Perform one project per day;
• Share your progress on social media (Twitter, Facebook, Linkedin etc.) using a hashtag # 30diasDeCSS and others;
• The project must be completed by 11:59 pm;
• Personal rule for good conduct: If the project is not carried out sometime, the next day should be added one more;

• Online Tutoriais -
• Free Front End -
• Dark Code -
• Creative Creations -
• Amazing Techno Tutorials

• Day 01 - Hover Effect Social Media Buttons

View code

• Day 02 - Loading Page

View code

• Day 03 - Image Manipulation

View code

• Day 04 - Text Glitch Effect

View code

• Day 05 - Animated Progress Bar

View code

• Day 06 - Toggle Day/Night Mode

View code

• Day 07 - Contact Info Effect

View code

• Day 08 - Color change when entering another .div

View code

• Day 09 - Changing background-color

View code

• Day 10 - Password Effect

View code

• Day 11 - Button Hover

View code

• Day 12 - Video Overlay

View code

• Day 13 - Image Hover

View code

• Day 14 - I Love

View code

• Day 15 - Text Animation

View code

• Day 16 - Animated Cards

View code

• Day 17 - Flip 3D Card

View code

• Day 18 - Creative Div Box

View code

• Day 19 - Solar Eclipse

View code

• Day 20 - Circular Progress Bar

View code

• Day 21 - Ghost Floating

View code

• Day 22 - 3D Rotation Animation

View code

• Day 23 - Animated Hot Cup of Tea

View code

• Day 24 - Animated Hamburger Menu

View code

• Day 25 - Square Loading Animation

View code

• Day 26 - 3D Cubes

View code

• Day 27 - Product Card

View code

• Day 28 - Water Text Effect

View code

• Day Day 29 - Loading

View code

Developed with love 💜 by Larissa Cristina Benedito (Mewmew).