Invert White Images using SVG Filters.
Switch branches/tags
Nothing to show
Clone or download
Shekhar Sharma
Shekhar Sharma Updated GITIGNORE
Latest commit d256fd3 Jun 12, 2015

Invert Images

Version 1.0.4

Invert White Images to Black using SVG, targeted for IE10 as CSS3 Filters replacement.

###Browser Support

  • Internet Explorer 10
  • Chrome/Firefox Supports CSS3 filter



  • Modernizr with CSS Filters and Prefixed detection enabled.
  • jQuery 1.x


  1. Make sure Modernizr (with CSS Filters) and jQuery is added to your HTML file.
  2. Add jquery.invertImages.min.js to your HTML file.
  3. Call the invertImages() function inside DOM ready to the target image(s).
	$(function () {
	$(function () {

###Other Options | Option | Default Value | Description | |---|---|---| | rootElm | html | Root element where you wish a flag/class to be added once plugin convert image using SVG| | rootFlag | inverted | A class to be added on rootElm.

###Change Log

  • Version 1.0.0 - First authored.
  • Version 1.0.2 - Updating with Bower/NPM updates, configured grunt.
  • Version 1.0.3 - Destroy option to be passed as string. Garbage cleared (_default was of no use - removed. Destroy actually removes the stored data()); Added more CSS in .invert-it class because now more browsers supports the CSS Filters.
  • Version 1.0.4 - Heavy optimization, local option object. No plugin invocation if CSS3 filter exists. Minified only 2KB now.