Read on Twitter
Create your first CSS art
A thread
It contains all resources you need in order to create your first CSS art
A thread
It contains all resources you need in order to create your first CSS art
First and foremost you need a online platform where you can make CSS arts so that other can also view them. I suggest you http://codepen.io
It's an online code editor for testing and showcasing HTML, CSS and JS code snippets.
An alternative of codepen is codesandbox. Here you can also upload images for free http://Codesandbox.io
After setting up project you definitely need a good color scheme.Picking up right color is always an important part for you arts/illustrations. http://Colorhunt.co
Let's suppose you're making a Teddy Bear so need to know the exact hex code of bear's body color. Here you can search for it and it'll give you all relevant results. http://encycolorpedia.com/
Gradients: One of the essential things that gives youe CSS a real and amazing look You can pick gradients by your choice from here https://uigradients.com
If you want to create your own gradient. There are lots of free sites available on the internet. But my favourite one is https://cssgradient.io/
Transform is the most important property that you should know in order to create realistic arts / illustration. You can learn it from here https://marksheet.io/css-transform.html
Animation is another important property amazing CSS illustration. There are pots of good tutorials available on Udemy, YouTube etc.
Here are some
http://cssanimation.rocks/ http://udemy.com/course/css-animation-transitions-and-transforms-creativity-course/ http://marksheet.io/css-animations.html
While creating CSS arts, almost every time you need to make different shapes. So it's good have a basic understanding that how to create shapes using CSS.
Give this article a read
https://css-tricks.com/the-shapes-of-css/#:~:text=CSS%20is%20capable%20of%20making,rectangles%20into%20circles%20and%20ovals.
A lot of practice is required so start with the basic one if you really want to become a master in it. I don't think this thread will ever gonna end because there are other important properties as well like
- box-shadow
- overflow
- border-radius etc..
Explore them
YouTube channels1. Coding Artist
2. Online Tutorials
3. CSS Art crash course by DesignCourse
