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

.gradation {
  animation: grad .10s ease-in-out infinite alternate;
}
@keyframes grad{
	0%{
		background:linear-gradient(90deg, blue 0%, pink)
	}
	10%{
		background:linear-gradient(90deg, blue 10%, pink)
	}
	20%{
		background:linear-gradient(90deg, blue 20%, pink)
	}
	30%{
		background:linear-gradient(90deg, blue 30%, pink)
	}
	40%{
		background:linear-gradient(90deg, blue 40%, pink)
	}
	50%{
		background:linear-gradient(90deg, blue 50%, pink)
	}
	60%{
		background:linear-gradient(90deg, blue 60%, pink)
	}
	70%{
		background:linear-gradient(90deg, blue 70%, pink)
	}
	80%{
		background:linear-gradient(90deg, blue 80%, pink)
	}
	90%{
		background:linear-gradient(90deg, blue 90%, pink)
	}
	100%{
		background:linear-gradient(90deg, blue 100%, pink)
	}
}