aprilFools.css icon indicating copy to clipboard operation
aprilFools.css copied to clipboard

Invert the colors of images

Open galaxyAbstractor opened this issue 12 years ago • 1 comments

galaxyAbstractor avatar Mar 28 '13 23:03 galaxyAbstractor

  @-webkit-keyframes invert {
    0% {-webkit-filter: invert(0);}
    89% {-webkit-filter: invert(0);}
    90% {-webkit-filter: invert(1)}
    99% {-webkit-filter: invert(1)}
    100% {-webkit-filter: invert(0);}
  }
  html {
    -webkit-animation-name: invert;
    -webkit-animation-duration: 2s;
    -webkit-animation-delay: 10s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease;
  }

I had a similar idea, invert the page for a fraction of a second after page load. A bit more subtle.

chriscauley avatar Mar 29 '13 04:03 chriscauley