Skip to content

⚙️ | The challenge aims to help improve my coding skills by making mini-projects using HTML and CSS3.

License

Notifications You must be signed in to change notification settings

mewmewdevart/30Days_CSSChallenge

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 

Repository files navigation

30 Days of CSS

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

GitHub code size in bytes Main language License

💡 About the project

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

Rules:

  • 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;

👥Tutorial/References

🏆Projects:

  • 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

imageday13

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).

About

⚙️ | The challenge aims to help improve my coding skills by making mini-projects using HTML and CSS3.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published