<分区>
<分区>
好吧,我有一个包含 3 个元素的 div:
<div>
<img src="http://localhost/images/4.png" alt="alt 4" class="background">
<img src="http://localhost/images/4_icon.png" alt="alt 4" class="icon">
<p>
bla bla
</p>
</div>
和 css 例如:
.icon:hover ~ .background {
transform: scale(1.2)
}
但不知道为什么,它不起作用。
最佳答案
只需将图标与背景元素切换即可。波浪号仅适用于下一个元素。请参见下面的示例。另一种解决方案是使用 js。
<div>
<img src="http://localhost/images/4_icon.png" alt="alt 4" class="icon">
<img src="http://localhost/images/4.png" alt="alt 4" class="background">
<p>
bla bla
</p>
</div>
关于css - 不能动画兄弟元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52313513/