Thread by @Prathkum

Create your first CSS art✨🎨

A thread 🧵
It contains all resources you need in order to create your first CSS art👇🏻

1️⃣ First and foremost you need a online platform where you can make CSS arts so that other can also view them.

I suggest you codepen.io
It's an online code editor for testing and showcasing HTML, CSS and JS code snippets.

2️⃣ An alternative of codepen is codesandbox.
Here you can also upload images for free
Codesandbox.io

3️⃣ After setting up project you definitely need a good color scheme.
Picking up right color is always an important part for you arts/illustrations.

Colorhunt.co

4️⃣ 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.

encycolorpedia.com

5️⃣ Gradients: One of the essential things that gives youe CSS a real and amazing look

You can pick gradients by your choice from here

uigradients.com

6️⃣ If you want to create your own gradient. There are lots of free sites available on the internet. But my favourite one is

cssgradient.io

7️⃣ Transform is the most important property that you should know in order to create realistic arts / illustration.

You can learn it from here
marksheet.io/css-transform.…

8️⃣ Animation is another important property amazing CSS illustration.
There are pots of good tutorials available on Udemy, YouTube etc.
Here are some

🔹 cssanimation.rocks
🔹
🔹 udemy.com/course/css-ani…
🔹 marksheet.io/css-animations…

9️⃣ 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

css-tricks.com/the-shapes-of-….

🔟 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✨

1️⃣1️⃣ YouTube channels

1. Coding Artist
2. Online Tutorials
3. CSS Art crash course by DesignCourse