@keyframes アニメーション完了時の状態キープ滋賀県守山市のホームページ制作

#topRecBack {
	width: 737px;
	height: 350px;
	position: absolute;
	top: 0;
	left: 0;
	animation: imageAnimation .5s linear 0s;
	animation-fill-mode: forwards; // 完了時ストップ
}

@keyframes imageAnimation { 
	0% {
		opacity: .5;
		background: url(../img/page/top_back.png) no-repeat left -100px bottom -200px;
	}
	100% {
		opacity: 1;
		background: url(../img/page/top_back.png) no-repeat left bottom -100px;
	}
}