gpt4 book ai didi

html - css 在正方形图像下创建圆形阴影

转载 作者:行者123 更新时间:2023-11-28 04:38:03 25 4
gpt4 key购买 nike

有没有办法在正方形图像(例如图像中的图像)下方创建圆形阴影效果?

我也在看 this website上面说这种效果是可能的,但是他们对代码实现的描述实在是模棱两可。

enter image description here

最佳答案

我想我明白了。我主要是使用 Box Shadow 的 spread 属性将其宽度缩小到小于与其关联的元素。它是这段代码中的第四个 px 元素:

box-shadow: 0px 30px 40px -25px rgba(0, 0, 0, 1);

然后我将阴影垂直向下移动,直到我对它显示的阴影量感到满意为止。

Demo Here

关于html - css 在正方形图像下创建圆形阴影,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14060879/

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