Sass 在悬停时使用CSS的平滑效果

我在这里发现了这种很好的平滑效果-

这是一份：

我想知道是否有任何方法可以在悬停上获得这种效果。 我认为，再加上一些CSS动画会产生很好的效果。 CSS中大量使用了：after和：before，因此它不能是#box:after:hover或类似的东西：） 我听说有可能在SASS或更少的地方筑巢。。 这可以用CSS单独完成吗

---

不幸的是，像：after和：before这样的伪元素还不能转换。SASS和LESS可以编译成CSS，所以在SASS和LESS技术上所有可能的东西都可以通过普通CSS实现

---

你们可以做的是有一个单独的元素（可能是div）和顶部阴影，并在悬停时淡入淡出。或者，您可以使用图像。

因此基本上是JavaScript或图像。。。CSS没有任何选项，比如：#div1:hover{#div2:（可见性：隐藏）}在您将鼠标悬停在另一个元素上时，对一个元素执行某些操作，这是很糟糕的。：/：/Thankscs确实具有该功能-不需要javascript。使用诸如：after和：before之类的伪元素的问题在于它们的属性不能通过变换设置动画。如果您使用像drale2k建议的真实元素，那么您想要的只是css。查看->您可以像使用任何其他选择器一样使用

#box:hover

：

#box>#box#u child

目标

#box

的子对象

#box#u child

#box:hover>#box_child

当

#box

悬停时，目标是

#box

的子对象

#box_child

#box1:hover+#box2

以同样的方式将

#box1

的相邻兄弟姐妹

#box2

悬停在

#box1

上。谢谢兄弟！这正是我需要的！大家好，很高兴你们喜欢阴影效果。问题是，生成的内容只能在最新的Firefox浏览器上使用CSS3设置动画。我只是希望其他浏览器迟早会赶上。