Back to Browse

Create stacked gradients with CSS | Overlay photo with gradient

1.1K views
Nov 26, 2021
5:49

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