Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
an
@klekovkinandrey
CSS
Как дать transition градиенту?
Как дать transition градиенту (linear-gradient)?
Вопрос задан
более двух лет назад
115 просмотров
Комментировать
Подписаться
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
Простой
Как пофиксить визуальный глитч с border-radius и transparent + blur?
1 подписчик
вчера
85 просмотров
2
ответа
CSS
Простой
CSS3 как выбрать последние 4 элемента?
1 подписчик
25 сент.
134 просмотра
2
ответа
CSS
Простой
Как заставить css-variables перевычисляться?
1 подписчик
23 сент.
130 просмотров
1
ответ
HTML
+1 ещё
Простой
Как убрать линии у бейджиков в Markdown?
1 подписчик
23 сент.
140 просмотров
1
ответ
JavaScript
+2 ещё
Простой
Как менять картинки у карточки в списке товаров?
3 подписчика
22 сент.
178 просмотров
1
ответ
CSS
Простой
Как в CSS писать стили исходя из ширины себя как @container?
2 подписчика
18 сент.
142 просмотра
1
ответ
HTML
+4 ещё
Средний
Кривое отображение сайта на iOS-устройствах?
2 подписчика
13 сент.
373 просмотра
1
ответ
HTML
+2 ещё
Средний
Почему на доменах почты mail.ru не загружаются изображения по ссылкам в html-письме?
2 подписчика
09 сент.
228 просмотров
1
ответ
CSS
Простой
Как изменить стиль дочернего элемента в зависимости от класса родителя?
1 подписчик
04 сент.
107 просмотров
1
ответ
CSS
Средний
Почему input в состоянии webkit-autofill искажает бордер?
1 подписчик
04 сент.
99 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Fullstack разработчик
Love.ru
•
Пермь
от 100 000 ₽
Frontend Developer
AppRoute
До 2 400 $
FullStack-разработчик
FunFlow
•
Москва
от 80 000 до 120 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама