看看下面的图片:
蓝色的盒子是div。现在我想做的是实现一种 2.5D 功能:
我希望灰色阴影有点 3D 风格。起初我想将“Y”轴分配给盒子阴影值,如下所示:
"box-shadow: -5px -5px 10px" + value.tallness + "#888"
但结果就是上图。
关于如何仅在一侧制作阴影的想法,就像有来自某处的光源一样?
额外 - 怎么样moving“光源”?
就这样:http://jsfiddle.net/KaCDN/15/ http://jsfiddle.net/KaCDN/15/
拖动光源来影响阴影。
更高的块:
- 有更大的上、左边框
- 进一步降低阴影
- 他们的影子更模糊
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)