3,270
回編集
(ページの作成:「@keyframes color-changing{ 0%{ color:#ffffff; } 6.25%{ color:#eeeeee; } 12.5%{ color:#dddddd; } 18.75%{ color:#cccccc; } 25%{ color:#bbbbbb; } 31.25%{ color:#aaaaaa; } 37.5%{ color:#999999; } 43.75%{ color:#888888; } 50%{ color:#777777; } 56.25%{ color:#666666; } 62.5%{ color:#555555; } 68.75%{ color:#444444; } 75%{ color:#333333; } 81.25%{ color:#222222; } 87.5%{ color:#111111; } 93.75%{ color:#000000;…」) |
編集の要約なし |
||
1行目: | 1行目: | ||
@keyframes color-changing{ | @keyframes color-changing{ | ||
0%{ | 0%{ | ||
color:# | color:#ff0000; | ||
} | } | ||
10%{ | |||
color:# | color:#007fff; | ||
} | } | ||
20%{ | |||
color:# | color:#ff00ff; | ||
} | } | ||
30%{ | |||
color:# | color:#00ff00; | ||
} | } | ||
40%{ | |||
color:# | color:#ff007f; | ||
} | } | ||
50%{ | 50%{ | ||
color:# | color:#7f00ff; | ||
} | } | ||
60%{ | |||
color:# | color:#ff7f00; | ||
} | } | ||
70%{ | |||
color:# | color:#ff007f; | ||
} | } | ||
80%{ | |||
color:# | color:#0000ff; | ||
} | } | ||
90%{ | |||
color:# | color:#7fff00; | ||
} | } | ||
100%{ | 100%{ | ||
color:# | color:#00ff7f; | ||
} | } | ||
} | } | ||
.animation-box{ | .animation-box{ | ||
animation-name:color-changing; | animation-name:color-changing; | ||
animation-duration: | animation-duration:2s; | ||
animation-iteration-count:100000000; | animation-iteration-count:100000000; | ||
} | } |
回編集