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