用drop-shadow实现SVG(改变png图片颜色)

2017-01-15  本文已影响0人  歐吉桑愛設計
I

<div class="wrap">

  <img class="icon" src="$%@" height="240" width="240"/>

</div>

1.包裹层.wrap的overflow:hidden

2.设置.icon样式

  position:relative;

  left:-240px;

  border-right:240px solid transparent;

  -webkit-filter:drop-shadow(240px 0 #900);

  filter:drop-shadow(240px 0 #900);

II

如此,改变#900,即可改变图片中PNG的颜色了,仿佛使用SVG一般方便

上一篇 下一篇

猜你喜欢

热点阅读