<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>svg格式图片通过设置阴影效果修改图片颜色</title>
<style>
.Advantage{
/* 将图片本身移出可视窗口外 */
margin-left: -300px;
width: 100px;
/* drop-shadow(color offset-x offset-y) 设置阴影 其中<offset-x> <offset-y>分别设置阴影的偏移量,且必填 */
filter: drop-shadow(#eee 300px 0);
}
</style>
</head>
<body>
<img src="ali.svg" alt="Advantage" class="Advantage"/>
</body>
</html>
svg格式图片通过设置阴影效果修改图片颜色
最新推荐文章于 2024-05-31 11:58:10 发布