8,829
回編集
編集の要約なし
編集の要約なし |
編集の要約なし |
||
| 1行目: | 1行目: | ||
@keyframes | .gradation { | ||
animation: grad .1s ease-in-out infinite alternate; | |||
} | |||
@keyframes grad{ | |||
0%{ | 0%{ | ||
background:linear-gradient(90deg, blue 0%, pink) | |||
} | } | ||
10%{ | 10%{ | ||
background:linear-gradient(90deg, blue 10%, pink) | |||
} | } | ||
20%{ | 20%{ | ||
background:linear-gradient(90deg, blue 20%, pink) | |||
} | } | ||
30%{ | 30%{ | ||
background:linear-gradient(90deg, blue 30%, pink) | |||
} | } | ||
40%{ | 40%{ | ||
background:linear-gradient(90deg, blue 40%, pink) | |||
} | } | ||
50%{ | 50%{ | ||
background:linear-gradient(90deg, blue 50%, pink) | |||
} | } | ||
60%{ | 60%{ | ||
background:linear-gradient(90deg, blue 60%, pink) | |||
} | } | ||
70%{ | 70%{ | ||
background:linear-gradient(90deg, blue 70%, pink) | |||
} | } | ||
80%{ | 80%{ | ||
background:linear-gradient(90deg, blue 80%, pink) | |||
} | } | ||
90%{ | 90%{ | ||
background:linear-gradient(90deg, blue 90%, pink) | |||
} | } | ||
100%{ | 100%{ | ||
background:linear-gradient(90deg, blue 100%, pink) | |||
} | } | ||
} | } | ||