Вот типичная ситуация с абсолютно позиционированным элементом:
То есть логика css такова, что при ховере свойство transform просто заменяется тем, что описано при ховере. Ну логично, но проблема остается. Если для абсолютного поз. элемента такого рода операцию не делать, то, как в данном примере, этот элемент просто вернется translate-ом на свое место (как будто применится translate(0)).
Может, я чего-то не знаю про свойства в css? Или как работать с sass? Возможно. Поэтому интересует, как унаследовать значение свойства родителя, которое уже по цепочке вложенности задано?
Мне кажется что определенная логика тут есть - краткая запись сбрасывает все свойства, которые не указаны явно:
div {
width: 200px;
height: 200px;
background-color: red;
}
div:hover {
background: center center;
}
<div></div>
Сборка персонального компьютера от Artline: умный выбор для современных пользователей