Add multiple colors to one div with CSS | HTML | Web development

In this video, I show you how to add multiple colors to one div using conic gradients in CSS. We'll add two colors horizontally, two colors vertically, four colors, and build a pie chart.

Resources:

--

const me = {
name: "Leanne 👩🏻",
passions: ["coffee☕️", "code 💻", "cats 🐱"],
unpopular_opinion: "LOVES CSS ❤️",
favorite_colors: ["hotpink", "orangered"],
channel_aim: "Show the world that CSS is fun and web development rules! 👑"
}

--

[teocola]

Such a simple solution for so much headache. Thank you for your video!!
Edit: for me, the first code, gave me some unwanted gradient. What i wrote, to have what you have: background: conic-gradient( red 90deg, orange 90deg 270deg, red 270deg). Basically i didn't specify the 0deg and the 360deg to have solid cloros like you do.

[asmrdoctor]

this video is really amzing and helped me a lot

[dhrmbharodiya]

Wow! That’s very helpful. ✌🏻 didn’t knew about this, thanks 🙏🏻

[ashishthakur]

Your voice so nice. Thanks your mom and dad. 😊

[ShAnFiNiTy]

Really Helpful ! Thank You 😍
But Can You show Next time How how to make curls having two colors you know what i mean
like randomly distribute colors

[laurinha]

Oh my God, this is so useful, thank you so much!

[caffeinated-pixels]

Cool. Another tool to add to my css armoury 😀

[aarijzafeer]

Do you have video for two background images for one dive

[abuhanifshis]

Thanks for your informative video.... Please try to talk a little bit slower, that we could understand easily!!! Again, thank you for your