webdev23/Invert

Say hi to CSS3 filter in Firefox! Basic demo for invert any webpage like a negative effect.

Invert

Say hi to CSS3 filter in Firefox! Basic demo for invert any webpage, like a negative effect.

Firefox 35 public release (17 January 2015) is going to fully support CSS3 filters

Bookmarklet for invert any webpage:

javascript:void(document.body.style.filter="invert(100%)");

For add an Invert button to your page or website:

Script:

function invert() {
   var invrt = document.body;
   if(invrt.style.filter == '' || invrt.style.filter == 'invert(100%)')
      invrt.style.filter = 'invert(0%)';
   else
     invrt.style.filter = 'invert(100%)'};

Button html:

Invert

Yes! That's all!