Skip to content

Instantly share code, notes, and snippets.

@masterofpun
Last active August 29, 2015 14:21
Show Gist options
  • Save masterofpun/0b76f4cb00293614dd70 to your computer and use it in GitHub Desktop.
Save masterofpun/0b76f4cb00293614dd70 to your computer and use it in GitHub Desktop.
// ==UserScript==
// @name Marvel Ant-Man animation
// @namespace http://your.homepage/
// @version 0.13
// @description animates /r/MarvelStudio's Snoo
// @author hypd09
// @match *://*.reddit.com/r/marvelstudios/*
// @grant none
// ==/UserScript==
function addGlobalStyle(css) {
var head, style;
head = document.getElementsByTagName('head')[0];
if (!head) { return; }
style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = css;
head.appendChild(style);
}
addGlobalStyle('#header-img{height:30px;width:31px;margin-left:116px;margin-top:146px;margin-bottom:0px;margin-right:0px;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;position:absolute;animation-name:antman;-webkit-animation-name:antman;-moz-animation-name:antman;animation-duration:3s;-webkit-animation-duration:3s;-moz-animation-duration:3s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-direction:alternate;-webkit-animation-direction:alternate;-moz-animation-direction:alternate;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;-moz-animation-timing-function:ease-in-out;animation-delay:0s;-webkit-animation-delay:0s;-moz-animation-delay:0s;animation-play-state:paused;-webkit-animation-play-state:paused;-moz-animation-play-state:paused}#header-img:hover{animation-play-state:running;-webkit-animation-play-state:running;-moz-animation-play-state:running}@-webkit-keyframes "antman"{0%{}40%{height:30px;width:31px;margin-left:116px;margin-top:146px;}60%{height:150px;width:155px;margin-left:56px;margin-top:25px;}100%{height:150px;width:155px;margin-left:56px;margin-top:25px;}}@-moz-keyframes "antman"{0%{}40%{height:30px;width:31px;margin-left:116px;margin-top:146px;}60%{height:150px;width:155px;margin-left:56px;margin-top:25px;}100%{height:150px;width:155px;margin-left:56px;margin-top:25px;}}@keyframes "antman"{0%{}40%{height:30px;width:31px;margin-left:116px;margin-top:146px;}60%{height:150px;width:155px;margin-left:56px;margin-top:25px;}100%{height:150px;width:155px;margin-left:56px;margin-top:25px;}}');
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment