- Braydon Coyer
Welcome to CSS Art Challenge!
Hello and welcome to our first CSS challenge! One of the best ways to learn is to take concepts and implement them in a fun and engaging way - that's why I created CSS Art Challenge. I want to help people discover that CSS can be fun and more than just creating basic layouts!
How does CSS Art Challenge work?
The idea behind CSS Art Challenge is simple - each month, a new challenge will be posted here on this website detailing the requirements for the challenge. A deadline will be supplied too - make sure you get your entry in before the deadline! Speaking of submitting your entry, after you've completed your CSS art, you'll submit your piece by posting on Twitter and including a unique hashtag that will be included in the challenge details each month (find this month's hashtag by reading on).
After the deadline, all of the valid CSS art will be collected and a winner will be chosen at random from the submission pool. I will reach out to the winner via Twitter DM and send them the monthly prize! (Make sure you're following the CSS Art Challenge Twitter account so I can DM you!)
The prize for winning a CSS Art Challenge will differ from month to month.
Check the challenge details to peek at the prize! We've got an amazing prize for the first challenge!
🎨 March 2022 CSS Art Challenge Details
For our first challenge, create CSS Art related to spring. Yep, that's it! Take it as you will! Be creative! Spring officially starts on March 20th, so let's celebrate and welcome the beginning of warmer weather (depending on where you live, I guess)!
💭 Ideas (not required):
- Create a spring landscape
- Create a spring flower or bouquet with CSS
- Go in a completely different direction, and create something with literal springs
📋 Submission Guidelines & Deadline
Submissions for the March challenge must be posted on Twitter by Tuesday March 22nd at 11:59PM CST.
A few things to note:
- Make sure you're following the CSS Art Challenge Twitter account so I can DM you if you win!
- Feel free to post your updates on Twitter and build your submission in public! Encourage others to follow along or join the challenge themselves!
When you're ready, click the button below to open a new tab and submit your CSS art to CSS Art Challenge with the hashtags #springcss and cssartchallenge
🏆 The March 2022 CSS Art Challenge Prize
The prize for the first CSS Art Challenge is provided by CSS and CodePen legend Jhey!
Jhey is donating a copy of his extremely insightful book Move Things With CSS - a complete concise guide to moving things with CSS animations and transitions!
- Motion Design
- Inspecting animations
- CSS Transitions - Walkthrough example looking at different properties
- CSS Animations - Walkthrough examples looking at different properties
- Cool Stuff! - Ways in which to achieve certain things and other things you can do with the properties.
- 44 included code demos!
Can't wait and want to pick up Move Things With CSS?