テンプレート:テスト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)
}
}