次々色が変わるアニメ


<div class="animeColor"> </div>


.animeColor {
	background: rgba(208,32,144,.5);
	-webkit-animation: menu-bg 20s infinite;
	animation: menu-bg 20s infinite;
	}
	@keyframes menu-bg {
		0% { background-color: rgba(170, 102, 170,.6); } /*#aa66aa*/
		20% { background-color: rgba(104, 103, 205,.6); } /*#6867cd*/
		40% { background-color: rgba(143, 200, 31,.6); } /*#8fc81f*/
		60% { background-color: rgba(54, 130, 174,.6); } /*#3682ae*/
		80% { background-color: rgba(152, 34, 68,.6); } /*#982244*/
		100% { background-color: rgba(170, 102, 170,.6); } /*#aa66aa*/
		}

TOP