如何实现这个css3阴影效果？ [英] how to achieve this css3 shadow effect?

问题描述

我想看看是否可能使用纯CSS3实现这种阴影：

I am trying to see if its possible to achieve this kind of shadow using pure css3:

我在photoshop中快速嘲笑了这个。我在寻找那种弯曲的阴影效果。我知道它可能得到严重的阴影效果。我试图看看谷歌我甚至不知道什么称为弯曲的阴影。我找不到任何地方说它不可能。无法找到任何地方说它是可能的。

I quickly mocked this up in photoshop. I am looking for that curved shadow effect. I know its possible to get straigt shadow effects. I tried to look on google I dont even know what to call that curved shadow. I couldn't find anywhere that says its not possible. Couldnt find anywhere that says it IS possible either.

如果css3没有发生，我愿意使用jQuery。

if css3 isn't happening, I am willing to use jQuery.

任何帮助，非常感谢。
感谢。

any help, much appreciated. thanks.

编辑：最近我已经得到任何类型的阴影只是与css3是这样： http://jsfiddle.net/tVt4w/

edit: The closest I've gotten to achieve any sort of shadow just with css3 is this: http://jsfiddle.net/tVt4w/

推荐答案

<首先，我不认为这是可能的。然后，我找到了此页面，它在纯CSS中显示了一些不错的示例。

At first I didn't think it was possible. Then I found this page that shows some nice examples in pure css.

Nifty。

请参阅演示页，了解可以实现的目标。

See the demo page for an idea of what can be achieved.

这篇关于如何实现这个css3阴影效果？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！