2

我想创建一个类似于http://www.thegrovechurch.org 滑块上的阴影。

我已经在 Photoshop 中重新创建了它,但我不确定如何使用纯 CSS 来完成它,这会更好。

4

3 回答 3

2

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

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

于 2012-11-06T17:25:43.210 回答
1

你可以试试这个,几乎接近那个;)

演示

.shadow {
    box-shadow: 0 8px 6px -6px #000;
    -webkit-box-shadow: 0 8px 6px -6px #000;
    -moz-box-shadow: 0 8px 6px -6px #000;
}
于 2012-11-06T17:26:01.780 回答
0

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

如果您使用的语言实际上可以在数学系中进行一些繁重的工作,您可能能够产生类似的东西 - jquery 和 javascript 将是我寻找的下一个地方,如果没有,那么还有一个 java 小程序 - 但即使那样我也会担心大多数浏览器处理起来太麻烦和太慢。

于 2012-11-06T17:36:23.467 回答