aprilFools.css
aprilFools.css copied to clipboard
Invert the colors of images
@-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.