Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
an
@klekovkinandrey
CSS
Как дать transition градиенту?
Как дать transition градиенту (linear-gradient)?
Вопрос задан
более двух лет назад
116 просмотров
Комментировать
Подписаться
1
Простой
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
1
Виталий Першин
@Get-Web
Куратор тега CSS
Front-End Developer
Смотря какая вам нужна анимация. Просто заменить background не получится, но можно изменять позицию и размер создавая эффект плавного перелива цвета из одного в другой:
snippet
Ответ написан
более двух лет назад
Комментировать
Нравится
3
Комментировать
Facebook
Вконтакте
Twitter
Пригласить эксперта
Ответы на вопрос
1
HardBot
@HardBot
back-end, front-end developer
Этого нельзя сделать
Ответ написан
более двух лет назад
5
комментариев
Нравится
5
комментариев
Facebook
Вконтакте
Twitter
an
@klekovkinandrey
Автор вопроса
ясно, спасибо
Написано
более двух лет назад
Ankhena
@Ankhena
Куратор тега CSS
HardBot
Я бы не стала так уж категорично
https://jsfiddle.net/Ankhena/jpxa6Lh2/
(с VPN)
Написано
более двух лет назад
Виталий Першин
@Get-Web
Куратор тега CSS
Ankhena
, Только в Лисе не работает. Для такого эффекта можно вообще подложку сделать и менять ей цвет.
Написано
более двух лет назад
Ankhena
@Ankhena
Куратор тега CSS
Виталий Першин
, да я не предлагаю нести это в прод
Написано
более двух лет назад
HardBot
@HardBot
Ankhena
, это обходный путь, а transition не поддерживает градиент
Написано
более двух лет назад
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS
Простой
Поему не срабатывает стиль шрифта?
1 подписчик
2 часа назад
59 просмотров
0
ответов
CSS
+1 ещё
Простой
Почему после изменений в css на сайте нет изменений?
1 подписчик
13 окт.
187 просмотров
3
ответа
CSS
Простой
Как выровнять в гриде по горизонтали?
1 подписчик
13 окт.
120 просмотров
1
ответ
CSS
+2 ещё
Средний
Как решить проблему с появлением пустого пространства под drawer из shadcn?
2 подписчика
02 окт.
100 просмотров
1
ответ
CSS
Простой
Как пофиксить визуальный глитч с border-radius и transparent + blur?
2 подписчика
26 сент.
153 просмотра
2
ответа
CSS
Простой
CSS3 как выбрать последние 4 элемента?
1 подписчик
25 сент.
206 просмотров
2
ответа
CSS
Простой
Как заставить css-variables перевычисляться?
1 подписчик
23 сент.
174 просмотра
1
ответ
HTML
+1 ещё
Простой
Как убрать линии у бейджиков в Markdown?
1 подписчик
23 сент.
201 просмотр
1
ответ
JavaScript
+2 ещё
Простой
Как менять картинки у карточки в списке товаров?
4 подписчика
22 сент.
338 просмотров
1
ответ
CSS
Простой
Как в CSS писать стили исходя из ширины себя как @container?
2 подписчика
18 сент.
162 просмотра
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
React разработчик
ITK academy
•
Нижний Новгород
от 80 000 до 120 000 ₽
Web-разработчик
ЭНДИ Консалтинг
от 40 000 до 40 000 ₽
Backend разработчик
Страна карт
•
Киров
от 150 000 до 250 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама