alexanderadam

/**
 * YouTubesque morphing button
 * Requires clip-path with CSS Shapes support, not just url()
 * http://caniuse.com/#feat=css-clip-path
 */

@keyframes play { to {
	-webkit-clip-path: polygon(0 0, 100% 50%, 100% 50%, 0 100%);
	clip-path: polygon(0 0, 100% 50%, 100% 50%, 0 100%);
	/* it should be 50% 100% (one value), but Chrome & Safari are buggy (in different ways), hence the 51 & the duplication */