KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #dsh-plugin #ai-agents #developer-tools #typescript #codex #cli #claude-code #mcp #rust #deepseek-harness #ai-agent

30-days-of-CSS

★ 122 Open GitHub ↗

30 Days Of CSS is a challenge to help you improve your coding skills by doing mini daily projects using HTML and CSS.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 30 Days Of CSS 👩‍💻
30 Days of CSS is a challenge to help you improve your coding skills by doing mini daily projects using HTML and CSS.

## Rules
This is a project from <a href="https://github.com/MilenaCarecho/30diasDeCSS" target="_blank">Milena Carecho</a> next to some youtube channels (<a href="https://www.youtube.com/channel/UCbwXnUipZsLfUckBPsC7Jog" target="_blank">Online Tutorials</a>, <a href="https://www.youtube.com/channel/UCOKmVksbzoKJKmtu7rlEM1A" target="_blank">Creative Creations</a>, <a href="https://www.youtube.com/channel/UCD3KVjbb7aq2OiOffuungzw" target="_blank">Dark Code</a>) as references for the challenges.

In her repository, Milena created some rules as a suggestion:

• Carry out a new project every day (not necessarily for 30 days in a row)</br>
• Do not repeat a project already created</br>
• The project must be completed until 11:59pm</br>
 
<a href="https://github.com/MilenaCarecho/30diasDeCSS" target="_blank">Click here</a> to participate! :rocket:

## Day01 - social media icons
<img alt="day01" title="day01" src="./Day01/01.gif" width="500px">
<a href="https://github.com/cunhasbia/30DaysOfCSS/tree/master/Day01" target="_blank">Click here to view my code.</a>

## Day02 - animated loader
<img alt="day02" title="day02" src="./Day02/02.gif" width="500px">
<a href="https://github.com/cunhasbia/30DaysOfCSS/tree/master/Day02" target="_blank">Click here to view my code.</a>

## Day03 - sliding text
<img alt="day03" title="day03" src="https://media.giphy.com/media/Y4EbMFEOLX489as8hb/giphy.gif" width="500px">
<a href="https://github.com/cunhasbia/30DaysOfCSS/tree/master/Day03" target="_blank">Click here to view my code.</a>

## Day04 - button with hover effect
<img alt="day04" title="day04" src="./Day04/04.gif" width="500px">
<a href="https://github.com/cunhasbia/30DaysOfCSS/tree/master/Day04" target="_blank">Click here to view my code.</a>

## Day05 - pulse
<img alt="day05" title="day05" src="./Day05/05.gif" width="500px">
<a href="https://github.com/cunhasbia/30DaysOfCSS/tree/master/Day05" target="_blank">Click here to view my code.</a>

## Day06 - text animation
<img alt="day04" title="day06" src="./Day06/06.gif" width="500px">
<a href="https://github.com/cunhasbia/30DaysOfCSS/tree/master/Day06" target="_blank">Click here to view my code.</a>

## Day07 - preloader
<img alt="day07" title="day07" src="./Day07/07.gif" width="500px">
<a href="https://github.com/cunhasbia/30DaysOfCSS/tree/master/Day07" target="_blank">Click here to view my code.</a>

30-days-of-CSS

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README