Html 射线状阴影

在HTML5、CSS3和（最有可能的）SVG中，是否有可能创建一个类似于蓝色进位图标的阴影

---

例如，网站内容管理员为图标选择一张图片（它可以是一个带有透明边框的PNG），带有规则的标记给它一个像图片上一样的阴影。理想的变体是一个动态阴影，如果我们旋转或缩放图标，它会发生变化。

您可以通过使几个框/文本阴影越来越远来获得这种效果。实际上，这很难自己编写代码，所以您可能应该使用mixin或javascript。请参阅此示例：

可能重复的Agree，bad of me-我只是没有找到一个合适的名称来达到预期的效果。谢谢你的回复；我已经看过了解决方案，其中的mixin似乎是最合适的