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

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

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

.grainbow {
  animation: grainbow .3s linear infinite normal;
}
@keyframes grainbow {
  0% {background: linear-gradient(90deg, red, orange, yellow, green, blue, purple)}
  20% {background: linear-gradient(90deg, orange, yellow, green, blue, purple, red)}
  40% {background: linear-gradient(90deg, yellow, green, blue, purple, red, orange)}
  60% {background: linear-gradient(90deg, green, blue, purple, red, orange, yellow)}
  80% {background: linear-gradient(90deg, blue, purple, red, orange, yellow, green)}
  100% {background: linear-gradient(90deg, purple, red, orange, yellow, green, blue)}
}