テンプレート:テスト2/style.css

@keyframes color-changing{
	0%{
		color:#ffffff;
	}
	6.25%{
		color:#eeeeee;
	}
	12.5%{
		color:#dddddd;
	}
	18.75%{
		color:#cccccc;
	}
	25%{
		color:#bbbbbb;
	}
	31.25%{
		color:#aaaaaa;
	}
	37.5%{
		color:#999999;
	}
	43.75%{
		color:#888888;
	}
	50%{
		color:#777777;
	}
	56.25%{
		color:#666666;
	}
	62.5%{
		color:#555555;
	}
	68.75%{
		color:#444444;
	}
	75%{
		color:#333333;
	}
	81.25%{
		color:#222222;
	}
	87.5%{
		color:#111111;
	}
	93.75%{
		color:#000000;
	}
	100%{
		color:#ff0000;
	}
}
.animation-box{
	animation-name:color-changing;
	animation-duration:10s;
	animation-iteration-count:100000000;
}