transform:scale(-1,1) & glitch

http://b-o-w.jp/

#container.moon {

	filter:fliph();

	transform:scale(-1,1);

	-webkit-transform:scale(-1,1);

	-moz-transform:scale(-1,1);

	-o-transform:scale(-1,1);



	text-shadow: 2px 3px #6AFCF2, -1px -2px #FE409A, 2px -1px #FFF8BD !important;

}





article img {

	/*

	transition: transform 0.2s ease-in-out;

	-webkit-transition: -webkit-transform 0.2s ease-in-out;

	-moz-transition: -moz-transform 0.2s ease-in-out;

	-o-transition: -o-transform 0.2s ease-in-out;

	*/

	transform:scale(1,-1) rotate(15deg);

	-webkit-transform:scale(1,-1) rotate(15deg);

	-moz-transform:scale(1,-1) rotate(15deg);

	-o-transform:scale(1,-1) rotate(15deg);

}

article img:hover {

	transform:scale(-1,1);

	-webkit-transform:scale(-1,1);

	-moz-transform:scale(-1,1);

	-o-transform:scale(-1,1);

}



article object, article embed {

	transform:scale(1,-1) rotate(-25deg);

	-webkit-transform:scale(1,-1) rotate(-25deg);

	-moz-transform:scale(1,-1) rotate(-25deg);

	-o-transform:scale(1,-1) rotate(-25deg);

}

article object:hover, article embed:hover {

	transform:scale(-1,1);

	-webkit-transform:scale(-1,1);

	-moz-transform:scale(-1,1);

	-o-transform:scale(-1,1);

}

/*

section.post {

	background: #000;

	transition: transform 0.2s ease-in-out;

	-webkit-transition: -webkit-transform 0.2s ease-in-out;

	-moz-transition: -moz-transform 0.2s ease-in-out;

	-o-transition: -o-transform 0.2s ease-in-out;

}

section.post:hover {

	transform:scale(-1,1);

	-webkit-transform:scale(-1,1);

	-moz-transform:scale(-1,1);

	-o-transform:scale(-1,1);

}

*/