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

提供:WikiWiki
ナビゲーションに移動 検索に移動
編集の要約なし
編集の要約なし
2行目: 2行目:
   animation:
   animation:
   7s ease-in infinite normal fall,
   7s ease-in infinite normal fall,
   10s linear infinite alternate rotate;
   24s linear 0s infinite psychedelic;
}
}
@keyframes fall {
@keyframes fall {

5年5月2日 (来) 20:08時点における版

.fall {
  animation:
  7s ease-in infinite normal fall,
  24s linear 0s infinite psychedelic;
}
@keyframes fall {
  0% {
  	transform: translateY(0);
  	opacity:100;
  }
  100% {
  	transform: translateY(100vh);
  	opacity: 0;
  }
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes psychedelic {
  from {
    filter: hue-rotate(0deg);
  }
  to {
    filter: hue-rotate(360deg);
  }
}