像雷一样的影子

Question

是否有可能在HTML5，CSS3和（最有可能）SVG中创建阴影，就像蓝色的precent图标一样？

例如，网站内容管理员为图标选择图片（它可以是带有透明边框的PNG），带有规则的标记会在图片上显示阴影。如果我们旋转或缩放图标，理想的变体将是动态阴影。

Answer 1

你可以通过使几个盒子/文本阴影越来越远来获得这种效果。实际上，这对你自己很难编码，所以你应该使用mixins或javascript。请参阅此示例：http://codepen.io/awesomephant/pen/mAxHz