Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.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
Css 如何添加图像阴影_Css - Fatal编程技术网

Css 如何添加图像阴影

Css 如何添加图像阴影,css,Css,如何添加像书一样的图像阴影我也添加了这个css,但它不起作用 img{ 盒影:25px 25px 20px 10px rgb(113 108/53%); } 还记得史蒂夫·豪厄尔吗 您可以尝试组合框阴影,如下所示: HTML <img src="https://picsum.photos/200"> 注意:请根据您的要求调整值和颜色:)您可以尝试使用框阴影添加剪辑路径 img{ 盒影:5px 5px 20px 24px rgb(113 108/53%);

如何添加像书一样的图像阴影我也添加了这个css,但它不起作用

img{
盒影:25px 25px 20px 10px rgb(113 108/53%);
}

还记得史蒂夫·豪厄尔吗


您可以尝试组合框阴影,如下所示:

HTML

<img src="https://picsum.photos/200">

注意:请根据您的要求调整值和颜色:)

您可以尝试使用
框阴影添加
剪辑路径

img{
盒影:5px 5px 20px 24px rgb(113 108/53%);
利润率:50像素;
宽度:200px;
剪辑路径:多边形(0 0100%0200%100%,200%200%,100%200%,0 100%);
}
身体{
背景:粉红色;
}

验证问题的HTML和CSS在哪里?请看一看,谢谢,但不像sameI刚刚编辑了:-)请检查一次:-)您可能需要调整一下。尝试几种组合:-)谢谢你帮助我。
img {
   box-shadow: 4px 4px 4px #999,
   6px 6px 6px #999,
   8px 8px 8px #999,
   10px 10px 10px #999,
   12px 12px 12px #999,
   14px 14px 14px #999;
}