Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
ArtJH
@ArtJH
HTML
Почему не работает transition и как починить?
Я меняю css свойства через js. Transition не работает при смене свойств
https://dev-site.glowstore.kz/
Вопрос задан
более трёх лет назад
126 просмотров
9
комментариев
Подписаться
1
Простой
9
комментариев
Facebook
Вконтакте
Twitter
Александр Осадчий
@DELUX
А можно демо проблемы (например на jsfiddle) ?
Написано
более трёх лет назад
ArtJH
@ArtJH
Автор вопроса
Александр Осадчий
, Залил
Написано
более трёх лет назад
Dima Polos
@dimovich85
Что хотите анимировать?
Написано
более трёх лет назад
ArtJH
@ArtJH
Автор вопроса
Dima Polos
, задний верхний и нижний фон, при скроле
Написано
более трёх лет назад
Александр Осадчий
@DELUX
ArtJH
, Я честно говоря так и не понял - что должно быть анимировано?
Плавность смены фона, или что?
Написано
более трёх лет назад
ArtJH
@ArtJH
Автор вопроса
Александр Осадчий
,
https://simplychocolate.dk/
Хочу сделать так. Чтоб плавно менялся градиент при скроле
Написано
более трёх лет назад
Антон Литвиненко
@AntonLitvinenko
градиент в принципе не анимируется
Написано
более трёх лет назад
ArtJH
@ArtJH
Автор вопроса
Антон Литвиненко
,
https://simplychocolate.dk/
а как они сделали?
Написано
более трёх лет назад
Антон Литвиненко
@AntonLitvinenko
ArtJH
, ну явно не на css. предполагаю что какая-то библиотека, например pixi.js
Написано
более трёх лет назад
Решения вопроса
0
Пригласить эксперта
Ответы на вопрос
2
Dima Polos
@dimovich85
https://u-academy.net/
Почему не работает transition для background-image?
Ответ написан
более трёх лет назад
4
комментария
Нравится
4
комментария
Facebook
Вконтакте
Twitter
ArtJH
@ArtJH
Автор вопроса
Не совсем то, что хотел. Я догадывался что такое нельзя делать. И пытался тоже через прозрачность, но и прозрачность не работает, и вот почему
Написано
более трёх лет назад
ArtJH
@ArtJH
Автор вопроса
Dima Polos
, А как тут они сделали плавное изменение градиента тогда?
https://simplychocolate.dk
Написано
более трёх лет назад
Dima Polos
@dimovich85
ArtJH
, я не могу посмотреть, сейчас телефон, но через js можно все что угодно.
Написано
более трёх лет назад
Dima Polos
@dimovich85
ArtJH
, можно анимировать положение фона
Написано
более трёх лет назад
Александр Осадчий
@DELUX
Вам нужно сделать две вариации градиента для каждого блока, и анимировать этот момент..сам градиент действительно не анимируется, но вот его положение - это можно:
snippet
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
HTML
+1 ещё
Простой
Как добавить оттенки на фоне как на макете?
1 подписчик
19 часов назад
38 просмотров
0
ответов
JavaScript
+3 ещё
Простой
Почему при отправке HTML-формы данные не поступают в mysql?
1 подписчик
25 июл.
143 просмотра
1
ответ
HTML
+1 ещё
Простой
Прозрачный DIV перекрывает элемент под ним?
1 подписчик
25 июл.
100 просмотров
1
ответ
HTML
Средний
Как добавить в HTML страницу воспроизведение музыки?
1 подписчик
25 июл.
104 просмотра
1
ответ
HTML
+1 ещё
Простой
Как прижать нижние колонки к низу родительского блока?
5 подписчиков
19 июл.
2008 просмотров
3
ответа
PHP
+2 ещё
Простой
Не приходят сообщения с контактной формы, Извините, данные не были переданы?
1 подписчик
15 июл.
240 просмотров
3
ответа
HTML
+1 ещё
Простой
Как лучше всего реализовать данный фон?
2 подписчика
14 июл.
211 просмотров
2
ответа
JavaScript
+1 ещё
Средний
Как сделать перетаскиваемые окна?
2 подписчика
14 июл.
175 просмотров
1
ответ
HTML
+1 ещё
Средний
Не влезает шрифт в input?
2 подписчика
12 июл.
1064 просмотра
1
ответ
HTML
+1 ещё
Простой
Как задать прозрачность изображению?
1 подписчик
12 июл.
171 просмотр
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
HTML-верстальщик (HTML/CSS/JavaScript)
CleanTalk
от 100 000 ₽
Разработчик Vue.js
Совкомбанк Технологии
•
Красноярск
Технический писатель
MIND Software
•
Москва
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама