Some of the CSS for animating the cards for the wikiHow Chrome app

cards.css

#main article {
	-webkit-transition-property: left, visibility, top, -webkit-transform, opacity, z-index, margin-top, margin-left; 
	-webkit-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s, 0, 0, 0.5s, 0; 
	-webkit-transition-delay: 0, 0, 0, 0.25s, 0, 0.5s, 0.25s, 0;
	-webkit-transform: scale(0.67415); 
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
}

#main article.primary, 
#main article#home { 
	-webkit-transform: scale(1.0);
}

#main article#home {
	-webkit-transition-duration: 0, 0.5s, 0, 0.5s, 0, 0, 0, 0; /* turn off the left and top transitions so it doesn't slide in on page load */
}

.no3d #main article.primary,
.no3d #main article#home {
	-webkit-transition-delay: 0, 0, 0, 0.25s, 0, 0, 0.25s, 0;
}

.no3d #main article#home.flipped {
	-webkit-transition-delay: 0, 0, 0, 0, 0, 0.5s, 0.25s, 0;
}

#main article.flipped,
#main article#home.flipped,
#main article.about-to-show,
#main article#home.about-to-show,
#main aside.flipped,
#main aside.about-to-show {
	-webkit-transform: rotateY(180deg) scale(1.0);
}

#main aside.flipped:not(.active),
#main aside.about-to-show:not(.active) {
	-webkit-transform: rotateY(180deg) scale(0.67415);
}

.no3d #main article.flipped,
.no3d #main article#home.flipped,
.no3d #main article.about-to-show,
.no3d #main article#home.about-to-show,
.no3d #main aside.flipped,
.no3d #main aside.about-to-show {
	-webkit-transition-duration: 0.5s, 0.5s, 0.5s, 0.25s, 0, 0, 0.5s, 0; 
	-webkit-transform: rotateY(90deg) scale(1.0);
}

.no3d #main aside.flipped:not(.active) {
	-webkit-transform: rotateY(90deg) scale(0.67415);
	-webkit-transition-delay: 0, 0, 0, 0, 0, 0, 0.25s, 0;
}

.no3d #main aside.about-to-show:not(.active) {
	-webkit-transform: rotateY(-90deg) scale(0.67415);
	-webkit-transition-delay: 0, 0, 0, 0.25s, 0, 0, 0.25s, 0;
}

.no3d #main article#home {
	-webkit-transition-duration: 0, 0.5s, 0.5s, 0.25s, 0, 0, 0.5s, 0; 
}

.with3d #main article.about-to-be-primary {
	-webkit-transition-delay: 0, 0, 0, 0.75s, 0, 0, 0.75s, 0;
}

.no3d #main section.collapsing:not(#categories) article.primary {
	-webkit-transition-delay: 0, 0, 0, 0, 0, 0, 0.25s, 0; /* turn off the delay of the webkit-transform on collapse */
}