30-days-of-CSS

KO | EN

gitlite — search

#javascript #python #hacktoberfest #typescript #golang #go #linux #docker #macos #nodejs #awesome #awesome-list #security #ios

(★ 122)

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

30-days-of-CSS Latest Version Download

Download Latest Version (.zip)

// 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

30-days-of-CSS Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

30-days-of-CSS

30-days-of-CSS Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README