gpt4 book ai didi

jquery - CSS "realistic"阴影(光源)

转载 作者:技术小花猫 更新时间:2023-10-29 10:35:24 27 4
gpt4 key购买 nike

请看下图:

skyscrapers

蓝色框是div。现在我要做的是实现一种 2.5D 功能:

我希望灰色阴影有点像 3D。起初我想像这样将“Y”轴分配给 box-shadow 值:

"box-shadow: -5px -5px 10px" + value.tallness +  "#888"

但结果是上图。

关于如何只在一侧制作阴影,就像从某处有光源一样,有什么想法吗?

EXTRA - 移动“光源”怎么样?

最佳答案

给你:http://jsfiddle.net/KaCDN/15/

拖动光源以影响阴影。

更高的积木:

  • 有更大的顶部,左边框
  • 进一步投影
  • 他们的影子更模糊

关于jquery - CSS "realistic"阴影(光源),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12027161/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com