CSS

【CSS】アニメーションリストMy Animation List

May 27, 2018
My Animation List

My Animation Listはアニメーションリスト。

Usage

https://limichange.github.io/my-animation-list/でアニメーション選択して、コードをコピーします。

.arrow {
  animation: arrow 1.2s infinite linear;
}

@keyframes arrow {
  from {
    opacity: 0;
    transform: translateY(-50px) scale(.8);
  }

  70% {
    opacity: 1;
  }

  80% {
    opacity: 0;
    transform: translateY(0)
  }

  to {
    opacity: 0;
    transform: translateY(0)
  }
}

MIT