pluralsights basic filters

by josekerekes

HTML

<img src="https://imgflip.com/s/meme/Oblivious-Hot-Girl.jpg"  />

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
  <defs>
    <filter id="filter1" x="0" y="0">
      <!--<feGaussianBlur in="SourceGraphic" stdDeviation="20" />-->
     <!--<feColorMatrix in="SourceGraphic" type="saturate" values="0.2" />-->
    <!--<feColorMatrix in="SourceGraphic" type="luminanceToAlpha" />  -->  
    <!--<feColorMatrix type="matrix" values="
                                          0 0 0 0 0
                                          1 1 1 1 1
                                          0 0 0 0 0
                                          0 0 0 1 0" />-->
    </filter>
  </defs>
</svg>

CSS

img { -webkit-filter: url(#filter1) }