Adds fade out effect when the page is unloaded
Thanks @mikedl
It's originally from this thread
http://forum.userstyles.org/discussion/31373/fade-in-effect-on-web-pages/p1
You had cameo appearance there
You can modify the script and change it, for example, like this
GM_addStyle("@keyframes slideInRight {\ from {\ transform: translateX(2000px);\ }\ to {\ transform: translateX(0);\ }\ }\ @keyframes slideOutLeft {\ from {\ transform: translateX(0);\ }\ to {\ transform: translateX(-2000px);\ }\ }\ html {\ animation-name: slideInRight;\ animation-duration: 1s;\ }\ .kthxbye {\ animation-name: slideOutLeft;\ animation-fill-mode: forwards;\ }") addEventListener("beforeunload", function() { document.documentElement.classList.add("kthxbye"); })
More cool CSS animations
http://daneden.github.io/animate.css/
LouCypher, LOL! That's way too cool! Nice!
As mentioned in other threads, great script!
I cannot rate it unless I create a new thread so ... well ... here I am.
Love it!