【问题标题】:Ray-like shadow射线状阴影
【发布时间】:2014-05-26 20:03:30
【问题描述】:

是否有可能在 HTML5、CSS3 和(最有可能的)SVG 中创建像蓝色百分号图标抛出的阴影?

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

【问题讨论】:

标签: html css svg


【解决方案1】:

您可以通过使多个框/文本阴影越来越远来获得此效果。实际上,这将很难自己编写代码,因此您可能应该使用 mixins 或 javascript。看这个例子:http://codepen.io/awesomephant/pen/mAxHz

【讨论】:

  • 同意,我太坏了——我只是没有想出一个合适的名称来获得所需的效果 %)。感谢您的答复;我已经浏览了解决方案,涉及一个的 mixin 似乎是最合适的
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2014-01-16
  • 2020-06-21
  • 1970-01-01
  • 1970-01-01
  • 2014-04-25
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多