通过CSS将Box Shadow添加到SVG的问题

你能不能看看this demo,让我知道如何使用CSS为svg添加盒子阴影？

我已经尝试过了

.kiwi {
  fill: #94d31b; 
  Box-shadow: 10px 10px 5px #888888;
  -webkit-filter: drop-shadow( -5px -5px 5px #000 );
  filter: drop-shadow( -5px -5px 5px #000 ); 
  -webkit-svg-shadow: 0 0 7px #53BE12;
}

但他们并没有给SVG添加任何影子

最佳答案

您可以在svg中添加以下内容：

然后使用以下样式：

.kiwi {
  fill: #94d31b; 
  -webkit-filter: drop-shadow(0 1px 10px rgba(113,158,206,0.8));
  filter: url(#drop-shadow);
}

Example

原文地址：https://www.jb51.cc/css/427483.html

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [e-mail] 举报，一经查实，本站将立刻删除。