×

Welcome to TagMyCode

Please login or create account to add a snippet.
0
0
 
0
Language: CSS
Posted by: elad os
Added: May 11, 2016 3:10 PM
Views: 6
Tags: no tags
Change web to grayscale,contrast and invert.
  1. .bw {
  2.   -webkit-filter: grayscale(100%);
  3.   -moz-filter: grayscale(100%);
  4.   -ms-filter: grayscale(100%);
  5.   -o-filter: grayscale(100%);
  6.   filter: grayscale(100%);
  7.   filter: url(grayscale.svg); /* Firefox 4+ */
  8.   filter: gray; /* IE 6-9 */
  9. }
  10.  
  11. .invert {
  12.   -webkit-filter: invert(100%);
  13.   -moz-filter: invert(100%);
  14.   -ms-filter: invert(100%);
  15.   -o-filter: invert(100%);
  16.   filter: invert(100%);
  17.   filter: url(grayscale.svg); /* Firefox 4+ */
  18.   filter: invert; /* IE 6-9 */
  19. }
  20.  
  21. .contrast {
  22.   -webkit-filter: brightness(1) contrast(2.5);
  23.   -moz-filter: brightness(1) contrast(2.5);
  24.   -ms-filter: brightness(1) contrast(2.5);
  25.   -o-filter: brightness(1) contrast(2.5);
  26.   filter: brightness(1) contrast(2.5);
  27.   filter: url(contrast.svg); /* Firefox 4+ */
  28.   filter: contrast; /* IE 6-9 */
  29. }