CSS два состояния парящих на одном пункте ⇐ CSS

[Anonymous]

Итак, я сделал эту супер простую анимацию и теперь задаюсь вопросом, как заставить их работать вместе.type.image-work { filter: blur(0px); transition: all .4s ease-out; }

.image-work:hover { filter: blur(4px); cursor: pointer; }

.image-work { transform: scale(1); transition: all .4s ease-in-out; }

.image-work:hover { transform: scale(0.98); cursor: pointer; }

.image-work:hover + .button-work { opacity: 1; }

.image-work + .button-work { opacity: 0; transition: all .4s ease-in-out; }
< /code>
Я применил анимацию размытия и масштабирования на .mage-work, и я хочу, чтобы кнопка я была также появилась, поэтому я добавляю эту анимацию, но когда я парят на кнопке размытие и масштаб, что понятно, потому что я больше не парят на изображении. Как поддерживать размытие и масштаб, когда появляется на кнопке, которая появляется на кнопке? Есть ли элегантный способ сделать это?

Подробнее здесь: https://stackoverflow.com/questions/797 ... n-one-item