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

提供:WikiWiki
ナビゲーションに移動 検索に移動
編集の要約なし
編集の要約なし
1行目: 1行目:
.grainbow {
.rev {
   animation: grainbow 0.3s linear infinite normal;
   border-radius: 100vw;
  background-color: red;
}
}
@keyframes grainbow {
.rev:hover {
  0% {background: linear-gradient(90deg, red, orange, yellow, green, blue, purple)}
   border-radius: 0vw
  17% {background: linear-gradient(90deg, orange, yellow, green, blue, purple, red)}
  34% {background: linear-gradient(90deg, yellow, green, blue, purple, red, orange)}
  51% {background: linear-gradient(90deg, green, blue, purple, red, orange, yellow)}
  68% {background: linear-gradient(90deg, blue, purple, red, orange, yellow, green)}
   85% {background: linear-gradient(90deg, purple, red, orange, yellow, green, blue)}
  100% {background: linear-gradient(90deg, red, orange, yellow, green, blue, purple)}
}
}

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

.rev {
  border-radius: 100vw;
  background-color: red;
}
.rev:hover {
  border-radius: 0vw
}