erikjung

// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console

erikjung

/* Animations plus animations/transitions */
/* ref: http://mattwilcox.net/sandbox/css3-animations-1/index.htm */
/* also ref: http://css-tricks.com/restart-css-animation/ */
.animate-on-load {animation: bgcolor 3s;}
.animate-on-hover:hover {animation: bgcolor 3s;}
.animate-on-hover2:hover {animation: bgcolor2 3s;} /* change anim name */
.animate-on-hover3:hover {animation: bgcolor 2.9s;} /* change duration */
.animate-on-hover4:hover {animation: bgcolor 3s 2;} /* change iteration-count */
.transition-on-hover {transition: background-color 2s;}
.transition-on-hover:hover {background-color: #777;}

erikjung

/* Fun with filters */

body {
background: #ddd;
margin: 2em;
}

h1 {
font-size: 5em;
text-shadow: 0 1em 0 rgba(0,0,0,.33);