Code rounded gradient borders with CSS [no pseudo elements]

Veröffentlicht am: 08 September 2021
auf dem Kanal: Leanne R

14,507

291

In this video, I show you any easy way to create rounded gradient borders using CSS and no pseudo elements.

00:15 - credits
00:40 - adding a square gradient border using border-image, linear gradients and border-image-slice
01:34 - adding a border radius onto my div
01:56 - creating a rounded gradient border by moving the gradient onto a background image
03:22 - limitations of this technique

--

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: / rybaleanne
🤺 Join the Scrimba Weekly Web Dev Challenge: https://scrimba.com/learn/weeklychall...

Auf dieser Seite können Sie das Online-Video Code rounded gradient borders with CSS [no pseudo elements] mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Leanne R 08 September 2021 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 14,507 Mal angesehen und es wurde von 291 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

465,056

5.2K