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

.gradation {
  animation: grad linear infinite alternate;
  animation-duration: 1s;
}
@keyframes grad{
	0%{
		background:linear-gradient(0deg, blue 50%, pink)
	}
	10%{
		background:linear-gradient(36deg, blue 50%, pink)
	}
	20%{
		background:linear-gradient(72deg, blue 50%, pink)
	}
	30%{
		background:linear-gradient(108deg, blue 50%, pink)
	}
	40%{
		background:linear-gradient(144deg, blue 50%, pink)
	}
	50%{
		background:linear-gradient(180deg, blue 50%, pink)
	}
	60%{
		background:linear-gradient(216deg, blue 50%, pink)
	}
	70%{
		background:linear-gradient(252deg, blue 50%, pink)
	}
	80%{
		background:linear-gradient(288deg, blue 50%, pink)
	}
	90%{
		background:linear-gradient(324deg, blue 50%, pink)
	}
	100%{
		background:linear-gradient(360deg, blue 50%, pink)
	}
}