Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 盒子阴影-外面更薄 仅使用CSS,如何给DIV一个更厚的阴影,随着它的消失而变薄?代码>框阴影似乎没有提供一种方法_Html_Css - Fatal编程技术网

Html 盒子阴影-外面更薄 仅使用CSS,如何给DIV一个更厚的阴影,随着它的消失而变薄?代码>框阴影似乎没有提供一种方法

Html 盒子阴影-外面更薄 仅使用CSS,如何给DIV一个更厚的阴影,随着它的消失而变薄?代码>框阴影似乎没有提供一种方法,html,css,Html,Css,这里有一个例子。标题有我想要的阴影: 然而,这是用背景图像完成的。纯粹在CSS中可能吗?是的,可能 看, 使用负扩散半径,可以在长方体阴影中得到挤压,并且只能将其推离长方体的一条边 另外,请尝试上面提供的链接中的示例中的“效果6”。我看不出您的示例与您的问题有何关联。对不起,李斯特先生,很难在这里看到。如果你转到这一页,你会看得更好。加上我的解释不是很好:。头部有一个在中间开始变厚的阴影,随着它向外延伸而变薄,这正是我所要寻找的,而且更多。仅使用方块阴影即可获得惊人效果!谢谢。我必须关注那个C

这里有一个例子。标题有我想要的阴影:

然而,这是用背景图像完成的。纯粹在CSS中可能吗?

是的,可能

看,

使用负扩散半径,可以在长方体阴影中得到挤压,并且只能将其推离长方体的一条边


另外,请尝试上面提供的链接中的示例中的“效果6”。

我看不出您的示例与您的问题有何关联。对不起,李斯特先生,很难在这里看到。如果你转到这一页,你会看得更好。加上我的解释不是很好:。头部有一个在中间开始变厚的阴影,随着它向外延伸而变薄,这正是我所要寻找的,而且更多。仅使用方块阴影即可获得惊人效果!谢谢。我必须关注那个CSS技巧网站,我已经看过好几次了,它有一些很好的指南。
.one-edge-shadow {
  -webkit-box-shadow: 0 8px 6px -6px black;
     -moz-box-shadow: 0 8px 6px -6px black;
          box-shadow: 0 8px 6px -6px black;
}