css在图片上添加阴影效果图

CSS中的box-shadow属性可以用来为图片添加阴影效果。这个属性可以控制阴影的位置、大小、颜色等等。

img {
    box-shadow: 2px 2px 2px #888888;
}

上面的代码给所有的图片添加了一个阴影效果。其中，2px 2px 2px表示阴影的偏移量、模糊半径、扩散半径，这个值可以根据需求进行调整。#888888是阴影的颜色值。

可以进一步控制阴影的方向和大小。

img:hover {
    box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
}

上面的代码给鼠标悬停在图片上时添加一个更大的阴影效果，阴影的颜色是黑色透明度为0.5，可以自行调整阴影大小、方向和颜色达到不同的效果。

注意，为了让阴影效果更好，建议在标签的CSS中添加一个透明度的值，比如

img {
    opacity: 0.8;
}
    

这样可以让图片看起来更柔和自然。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！