4

我在这里找到了这个漂亮的光滑效果 - http://www.red-team-design.com/wp-content/uploads/2011/04/css3-box-shadow.html。

这是一个副本 - http://jsfiddle.net/cyvvilek/cL7x6/3/

我想知道是否有任何方法可以在悬停时产生这种效果。我认为，再加上一些 CSS 动画会产生很好的效果。在 CSS 中有大量使用 :after 和 :before 所以它不能是 #box:after:hover 或类似的东西:) 我听说过在 SASS 或 LESS 中嵌套东西的可能性.. 这可以用 CSS 完成吗独自的？

谢谢

4

1 回答 1

3

不幸的是，像 :after 和 :before 这样的伪元素还不能转换。SASS 和 LESS 可以编译成 CSS，所以在技术上可以使用 SASS 或 LESS 的一切，都可以使用纯 CSS。

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

于 2012-06-12T22:08:11.290 回答