【发布时间】:2014-05-26 20:03:30
【问题描述】:
是否有可能在 HTML5、CSS3 和(最有可能的)SVG 中创建像蓝色百分号图标抛出的阴影?
例如,网站内容管理员为图标选择了一张图片(它可以是带有透明边框的 PNG),并且带有规则的标记会在图片上给它一个阴影。理想的变体是动态阴影,如果我们旋转或缩放图标,它会发生变化。
【问题讨论】:
是否有可能在 HTML5、CSS3 和(最有可能的)SVG 中创建像蓝色百分号图标抛出的阴影?
例如,网站内容管理员为图标选择了一张图片(它可以是带有透明边框的 PNG),并且带有规则的标记会在图片上给它一个阴影。理想的变体是动态阴影,如果我们旋转或缩放图标,它会发生变化。
【问题讨论】:
您可以通过使多个框/文本阴影越来越远来获得此效果。实际上,这将很难自己编写代码,因此您可能应该使用 mixins 或 javascript。看这个例子:http://codepen.io/awesomephant/pen/mAxHz
【讨论】: