In this video, I run you through three different ways of using stacked gradients in CSS.
✨ Contents: ✨
00:15 - the HTML
00:35 - finding our color palette
00:47 - converting hex colors to rgb
01:34 - stacked linear gradient
03:14 - stacked radial gradient
04:38 - overlay photo with gradient
--
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! 👑"
}
--
🐤 Say hi on Twitter: https://twitter.com/RybaLeanne
🤺 Join the Scrimba Weekly Web Dev Challenge: https://scrimba.com/learn/weeklychallenge
Download
0 formats
No download links available.
Create stacked gradients with CSS | Overlay photo with gradient | NatokHD