「テンプレート:テスト2/style.css」の版間の差分
ナビゲーションに移動
検索に移動
(ページの作成:「@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; | ||
} | } | ||
2年3月17日 (来) 17:58時点における版
@keyframes color-changing{
0%{
color:#ff0000;
}
10%{
color:#007fff;
}
20%{
color:#ff00ff;
}
30%{
color:#00ff00;
}
40%{
color:#ff007f;
}
50%{
color:#7f00ff;
}
60%{
color:#ff7f00;
}
70%{
color:#ff007f;
}
80%{
color:#0000ff;
}
90%{
color:#7fff00;
}
100%{
color:#00ff7f;
}
}
.animation-box{
animation-name:color-changing;
animation-duration:2s;
animation-iteration-count:100000000;
}