Показать сообщение отдельно
  #1 (permalink)  
Старый 17.10.2015, 02:37
Аватар для spo
spo spo вне форума
Профессор
Отправить личное сообщение для spo Посмотреть профиль Найти все сообщения от spo
 
Регистрация: 11.05.2011
Сообщений: 213

Анимация для фильтра и режима наложения
Исходные данные:
  • Контейнер-родитель с цветом фона (background-color)
  • Ребенок-изображение (img, а не background-image) с применением режима наложения (mix-blend-mode: luminosity) и фильтром размытия (filter: blur(5px))
Задача: добиться чтобы при наведении курсора на контейнер-родитель у него плавно (transition: 2s) исчезал цвет фона, а изображение плавно (transition: 2s) приходило в исходное состояние - без наложения и без размытия.

Как ни старался, но могу добиться нужных эффектов только по отдельности: или для режима наложения или для размытия.

Прошу помощи.
Ответить с цитированием