8,829
回編集
「テンプレート:テスト2/style.css」の版間の差分
ナビゲーションに移動
検索に移動
編集の要約なし
編集の要約なし |
編集の要約なし タグ: 手動差し戻し |
||
| 1行目: | 1行目: | ||
.gradation { | .gradation { | ||
animation: grad . | animation: grad .10s linear infinite normal; | ||
} | } | ||
@keyframes grad{ | @keyframes grad{ | ||
0%{ | 0%{ | ||
background:linear-gradient(90deg, pink | background:linear-gradient(90deg, blue 0%, pink) | ||
} | |||
10%{ | |||
background:linear-gradient(90deg, blue 0%, pink) | |||
} | |||
20%{ | |||
background:linear-gradient(90deg, blue 10%, pink) | |||
} | |||
30%{ | |||
background:linear-gradient(90deg, blue 20%, pink) | |||
} | |||
40%{ | |||
background:linear-gradient(90deg, blue 30%, pink) | |||
} | |||
50%{ | |||
background:linear-gradient(90deg, blue 40%, pink) | |||
} | |||
60%{ | |||
background:linear-gradient(90deg, blue 50%, pink) | |||
} | |||
70%{ | |||
background:linear-gradient(90deg, blue 60%, pink) | |||
} | |||
80%{ | |||
background:linear-gradient(90deg, blue 70%, pink) | |||
} | |||
90%{ | |||
background:linear-gradient(90deg, blue 80%, pink) | |||
} | } | ||
100%{ | 100%{ | ||
background:linear-gradient(90deg, blue | background:linear-gradient(90deg, blue 90%, pink) | ||
} | } | ||
} | } | ||