使用CSS3对投影的角度效果

Question

我想创建一个类似于http://www.thegrovechurch.org.

滑块上的阴影的阴影

我已经在Photoshop中重新创建了它，但我不确定如何使用纯CSS来实现它，这将是更好的选择。

Answer 1

这是一个生成器，因此您可以随意自定义阴影：

http://css3gen.com/box-shadow/

Answer 2

你可以试试这个，差不多接近那个;）

Demo

.shadow {
    box-shadow: 0 8px 6px -6px #000;
    -webkit-box-shadow: 0 8px 6px -6px #000;
    -moz-box-shadow: 0 8px 6px -6px #000;
}

Answer 3

我认为你不能用CSS做到这一点。 http://www.thegrovechurch.org/使用图片。

如果你使用的语言实际上可以在数学系中做一些繁重的工作，你或许可以产生类似的东西 - jquery和javascript将是我看的下一个地方，如果没有那么一个java applet - 甚至那么我担心大多数浏览器处理它会太麻烦和缓慢。