H 5常用アニメーションソリューション

きんそくかいてんこうか

#obj{
    -webkit-animation:Rotate 2s linear infinite;
}
@-webkit-keyframes Rotate 
{
   from {transform:rotate(0deg);-webkit-transform:rotate(0deg);}
   to {transform:rotate(360deg);-webkit-transform:rotate(360deg);}
}

だんだん大きくなる効果

#obj{
   -webkit-animation:share_icon 1s linear;
}
@-webkit-keyframes share_icon {
    0% {-webkit-transform: scale(0.5); opacity:0}
    100% {-webkit-transform: scale(1); opacity:1}
}

呼吸灯アニメーション

#obj{
   -webkit-animation:share_icon 1s linear infinite;
}
@-webkit-keyframes share_icon {
   0% {opacity:0}
   50% { opacity:1}
   100% { opacity:0}
}

アニメーションのリスニング終了

obj.addEventListener('webkitAnimationEnd', function(){
    // do something
})