Загрузка...

Неоновая анимация границы на чистом CSS

Большинство блоков скучные и статичные.
В этом видео я покажу, как сделать **анимированную границу с сиянием вокруг карточки**, используя только CSS!

Ты узнаешь:
- как вращать conic-gradient для динамической рамки
- как использовать @property для анимации CSS-переменных
- как добавить неоновое свечение через ::before
- как оживить UI без JS

Вопрос:
использовал бы ты такую рамку на реальном проекте — да или нет?

🔔 Подписаться на канал ⬇️
youtube.com/channel/UCvxnVSnw26BD290Yx5qlWig

Поддержи меня на PATREON, я буду благодарен.
Код уже там:
https://www.patreon.com/posts/animirovannaia-s-132496607?utm_medium=clipboard_copy&utm_source=copyLink&utm_campaign=postshare_creator&utm_content=join_link

Таймкоды видео:
00:00 О чем видео
00:26 Верстаем HTML
00:58 Пишем CSS
02:42 Разбираем анимацию
05:00 Еще один пример
05:43 Благодарность

#CSS #Анимация #Псевдоэлементы #CSSGradient #ConicGradient #PropertyCSS #FrontEnd #ВебРазработка

Видео Неоновая анимация границы на чистом CSS канала SergDev | Frontend без воды
Яндекс.Метрика
Все заметки Новая заметка Страницу в заметки
Страницу в закладки Мои закладки
На информационно-развлекательном портале SALDA.WS применяются cookie-файлы. Нажимая кнопку Принять, вы подтверждаете свое согласие на их использование.
О CookiesНапомнить позжеПринять