「テンプレート:テスト2/style.css」の版間の差分
ナビゲーションに移動
検索に移動
編集の要約なし |
編集の要約なし |
||
1行目: | 1行目: | ||
.gradation { | .gradation { | ||
animation: grad linear infinite normal; | animation: grad linear infinite normal; | ||
animation-duration: | animation-duration: 1s; | ||
} | } | ||
@keyframes grad{ | @keyframes grad{ |
2年3月30日 (ヰ) 19:48時点における版
.gradation {
animation: grad linear infinite normal;
animation-duration: 1s;
}
@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)
}
}