Skip to content

Instantly share code, notes, and snippets.

@svolle
Created October 29, 2013 17:32
Show Gist options
  • Select an option

  • Save svolle/cbf4d495dba61c94395c to your computer and use it in GitHub Desktop.

Select an option

Save svolle/cbf4d495dba61c94395c to your computer and use it in GitHub Desktop.
some konami code easter egg
<script>
var vari = {
easter: {
code: "38 38 40 40 37 39 37 39 66 65",
userIn: ""
}
};
(function(v) {
window.addEventListener("keydown", function(e){
var e = e.keyCode;
v.userIn += e + " ";
if (v.userIn.indexOf(v.code) >= 0) {
var style = jQuery('style').text(jQuery('#anim-rotate').text()),
$b = jQuery('body'),
css = {};
$b.append(style);
jQuery.each(['-moz-', '-webkit-', '-ms-', ''], function(idx, prefix) {
var props = { 'duration': '0.75s', 'iteration-count': '5', 'name': 'bodyRotate', 'timing-function': 'linear' };
for (var prop in props) { css[prefix + 'animation-' + prop] = props[prop]; }
});
$b.css(css);
v.userIn = "";
}
})
}(vari.easter));
</script>
<script type="text/css" id="anim-rotate">
@-webkit-keyframes bodyRotate {
from { -webkit-transform: rotate(0deg); }
to { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes bodyRotate {
from { -moz-transform: rotate(0deg); }
to { -moz-transform: rotate(360deg); }
}
@-ms-keyframes bodyRotate {
from { -ms-transform: rotate(0deg); }
to { -ms-transform: rotate(360deg); }
}
@keyframes bodyRotate {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment