HTML5 + CSS implement image filter effects,

HTML5 + CSS implement image filter effects,

Image filtering effect based on HTML5 + CSS is an image filtering effect similar to that of Instagram apps. As follows:

Download Online Preview source code

Implementation code.

Html code:

<fieldset class="demo__option-field">             <legend>Choose a sample image:</legend>                                                                              <br>             <label class="demo__input-label">                 Or paste in a link to your own photo:                 <input class="demo__input-img" type="text">             </label>         </fieldset>          <small class="demo__note">Hovering over any of these images (or clicking on mobile) will remove the filter effect to visualize the changes.</small>

Via: http://www.w2bc.com/article/2015-11-11-html5-css3-img-color-fliter