POSFriends
make me some furnitures http://thedailypos.org/friends/index.php?topic=1360.new#new

we're drawing pokemon again, maybe
Register |
  (Advanced search)
Pages: [1]
Topic: CSS to turn all images on a webpage into flippy gifs  (Read 1203 times)
Permalink  •  June 27, 2016, 08:28:54 PM
CSS to turn all images on a webpage into flippy gifs
« 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!
Pages: [1]