「テンプレート:テスト2/style.css」の版間の差分

提供:WikiWiki
ナビゲーションに移動 検索に移動
編集の要約なし
編集の要約なし
1行目: 1行目:
.grainbow {
.grainbow {
   animation: grainbow .4s linear infinite normal;
   animation: grainbow .4s linear infinite alternate;
   transition-duration: 1s;
   transition-duration: 1s;
}
}
@keyframes grainbow {
@keyframes grainbow {
   0% {background: linear-gradient(90deg, red, orange, yellow, green, blue, purple)}
   0% {color:red}
   20% {background: linear-gradient(90deg, orange, yellow, green, blue, purple, red)}
   20% {color:orange}
   40% {background: linear-gradient(90deg, yellow, green, blue, purple, red, orange)}
   40% {color:yellow}
   60% {background: linear-gradient(90deg, green, blue, purple, red, orange, yellow)}
   60% {color:green}
   80% {background: linear-gradient(90deg, blue, purple, red, orange, yellow, green)}
   80% {color:blue}
   100% {background: linear-gradient(90deg, purple, red, orange, yellow, green, blue)}
   100% {color:purple}
}
}

2年4月2日 (W) 15:38時点における版

.grainbow {
  animation: grainbow .4s linear infinite alternate;
  transition-duration: 1s;
}
@keyframes grainbow {
  0% {color:red}
  20% {color:orange}
  40% {color:yellow}
  60% {color:green}
  80% {color:blue}
  100% {color:purple}
}