【CSS3】transitions & transforms

translateYの例

HTML

<p>transform: translateY(200px) </p>
<p><div class="translateY"><img src="http://lorempixel.com/200/200/city/2/"></div></p>
    <p>後続要素</p>

CSS

body { 
	text-align: center;
}
.translateY {
	width: 200px;
	margin: 20px auto;
}
.translateY:active {
	-webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
}