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.
30 Days of CSS is a challenge to help you improve your coding skills by doing mini daily projects using HTML and CSS. The project is written primarily in CSS, distributed under the MIT License license, first published in 2020. Key topics include: 30daysofcss, animations, challenge, coding-skills, css.
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>Contributors
Showing top 1 contributor by commit count.
