CSS changes PNG image color

Source Address: http://www.zhangxinxu.com/wordpress/?p=5429

Zhang Xin on the personal website of Asahi Great God, is purely to share and record

Css

Div.icon{height:20px;width:20px;overflow:hidden;}             -20px;border-right:20px solid transparent;                Background:url (img/icon.png) no-repeat;-webkit-filter:drop-shadow (#0); Filter: Drop-shadow (#0);               }

Html

class="icon">            class='icon' id= ' icon '></span>        </div>        <input type="color" id= ' Color ' />

Js

document.getElementById ('color'). onchange = function () {            var  this. Value;            document.getElementById ('icon'drop-shadow (' +c+'  20px 0)';        }

In Google, Firefox mobile phone, all can be used, the use of technology is the CSS filter in the projection, the specific view of the original

CSS changes PNG image color