gpt4 book ai didi

html - css 3 框阴影左上底部

转载 作者:太空宇宙 更新时间:2023-11-04 11:14:22 25 4
gpt4 key购买 nike

嘿伙计们,我正在玩弄 css box-shadow 属性,我正在努力解决它。我试图在一个盒子上创建阴影,但我只想在我的 div 的顶部、底部和左侧应用阴影。

到目前为止,这是我的 css 代码,但它将应用于我不想要的所有 4 个面..

     box-shadow: 0 0 10px rgba(0,0,0,0.6);
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.6);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6);
-o-box-shadow: 0 0 10px rgba(0,0,0,0.6);

谢谢

最佳答案

试试这个:

-webkit-box-shadow: -8px 3px 25px 1px rgba(0,0,0,0.75);
-moz-box-shadow: -8px 3px 25px 1px rgba(0,0,0,0.75);
box-shadow: -8px 3px 25px 1px rgba(0,0,0,0.75);

你也可以玩here .

关于html - css 3 框阴影左上底部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33354837/

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