This CSS Art repo has been split into two editions. The Hacktoberfest Edition was locked at the end of October to preserve its state at the end of Hacktoberfest. If you would like to continue its development, you can do so in the General Edition HERE
Welcome to CSS Art, a fun, beginner-friendly challenge for Hacktoberfest!
What shapes, pictures and animations can you come up with, using plain HTML divs and CSS? Let's showcase the artistry of ZTM students, and get a free t-shirt into the bargain! If you're not sure what this is or how to go about doing it, take a look at this tutorial, which will teach you all about how to make pure CSS images.
Every October, Digital Ocean runs Hacktoberfest, a month-long celebration of open-source software! All you have to do to take part is sign up on their website - and make five pull requests in the month of October. Any pull request to any public repo on Github will count, which means, of course, that any PRs you make to this project will help you on your way to getting a cool t-shirt!
If you've never forked a repository or made a pull request before, we recommend making your first one over at https://awesomeopensource.com/project/zero-to-mastery/start-here-guidelines . That will count towards your total, and then you'll be ready to take on this challenge with your new GitHub skills!
Now, once you've forked this repo and got a local version up on your computer, follow these steps:
let cards = [ // Add your card in this section // Follow this example format: // ["Art Name", "Page URL", "Image URL", "Your Name", "Your Github Link"], ["CSS Dog", "./Art/Dog/index.html", "./Art/Dog/dog.gif", "Chintu Yadav Sara", "https://github.com/chintuyadav" ], ["Mahatma Gandhi", "./Art/Mahatma%20Gandhi/index.html", "./Art/Mahatma%20Gandhi/Gandhi.png", "Chintu Yadav Sara", "https://github.com/chintuyadav"], ["WindMill Animation", "./Art/WindMill/index.html", "./Art/WindMill/windmill.gif", "Chintu Yadav Sara", "https://github.com/chintuyadav"], ["Art Name", "Page URL", "Image URL", "Your Name", "Your Github Link"], ]
Your Github Linkwith your art information and links.
And congratulations! You're all done. Have fun!