Subscribed unsubscribe Subscribe Subscribe

OngaLog

最近GOが楽しくて、

animate.cssを試してみる

f:id:loosefingers:20160724125300p:plain

 

Animate.css

 

github.com

 

アニメーションの状態を制御したい場合は、

直接cssを追加するのがいい様子、fadeInの時間を変更してみる。


@-webkit-keyframes
fadeInDuration3 {
from {
opacity: 0;
}

to {
opacity: 0.9;
}
}

@keyframes fadeInDuration3 {
from {
opacity: 0;
}

to {
opacity: 0.9;
}
}

.fadeInDuration3 {
animation-duration: 5s;
-webkit-animation-name: fadeInDuration3;
animation-name: fadeInDuration3;
}