gpt4 book ai didi

css - 使用 CSS3 box-shadow 制作半截断阴影

转载 作者:太空宇宙 更新时间:2023-11-03 19:07:34 25 4
gpt4 key购买 nike

我想要实现的是使用 CSS3 替换图像的“半路”阴影。

下面是我正在尝试实现的稍微放大的示例:

enter image description here

这里涉及三个元素,如下图(按比例缩小):

enter image description here

到目前为止,我已经尝试在元素 A 上放置一个 box-shadow,然后在元素 上推一个更高的 z-index >C 这样阴影仅在元素 B 上可见,但无法复制中途切断。

以前有没有人尝试过这样做,或者结果是否总是像我想的那样“hacky”?

最佳答案

确保在应用 z-index 的元素上设置位置:

http://jsfiddle.net/Vxz9f/

关于css - 使用 CSS3 box-shadow 制作半截断阴影,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9675786/

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