POSFriends

This is the only category? => The Posting Range => Topic started by: Soaprman on June 27, 2016, 08:28:54 PM

Title: CSS to turn all images on a webpage into flippy gifs
Post by: Soaprman on June 27, 2016, 08:28:54 PM
To use this, get a browser plugin like Stylish (for Firefox) and plug this in:

Code: [Select]
img {
animation-duration: 200ms;
animation-iteration-count: infinite;
animation-name: flippy;
}
@keyframes flippy {
 0%, 49% {
transform: scaleX(1);
 }
 50%, 99% {
transform: scaleX(-1);
 }
}

If you remove the ", 49%" and the ", 99%" from the keyframes (leaving 0% and 50%), you get a neat 3D-ish spin motion. Wow!