Code rounded gradient borders with CSS [no pseudo elements]

Опубликовано: 08 Сентябрь 2021
на канале: 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...

На этой странице сайта вы можете посмотреть видео онлайн Code rounded gradient borders with CSS [no pseudo elements] длительностью часов минут секунд в хорошем качестве, которое загрузил пользователь Leanne R 08 Сентябрь 2021, поделитесь ссылкой с друзьями и знакомыми, на youtube это видео уже посмотрели 14,507 раз и оно понравилось 291 зрителям. Приятного просмотра!

6,859

214