animation

.animation

アニメーションしたい要素には .animation と、アニメーションの動きを指定する Modifier の class を指定します。

<div class="pepagram-animation-example animation animation--slide-enter-up"></div>

アニメーションを無限に繰り返したい場合は、 .animation--iteration-infinite をさらに指定します。

<div class="pepagram-animation-example animation animation--slide-enter-up animation--iteration-infinite"></div>

.animation--bounce

飛び跳ねるアニメーションです。

<div class="pepagram-animation-example animation animation--bounce animation--iteration-infinite"></div>

.animation--slide-enter-up

下から上へ、非表示から表示するアニメーションです。

<div class="pepagram-animation-example animation animation--slide-enter-up animation--iteration-infinite"></div>