css アニメーション イージング

/*-- h1 アニメーション --*/
.a-1 {
-moz-animation-name: anime-to1;
-moz-animation-duration: 3s;
-moz-animation-timing-function: ease-in-out;
-moz-animation-iteration-count: infinite;

-webkit-animation-name: anime-to1;
-webkit-animation-duration: 3s;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;

-o-animation-name: anime-to1;
-o-animation-duration: 3s;
-o-animation-timing-function: ease-in-out;
-o-animation-iteration-count: infinite;

-ms-animation-name: anime-to1;
-ms-animation-duration: 3s;
-ms-animation-timing-function: ease-in-out;
-ms-animation-iteration-count: infinite;
}

@-moz-keyframes anime-to1 { 0% {-moz-transform: translateY(0px) scale(0.95);}50%{-moz-transform: translateY(20px);}100% {-moz-transform: translateY(0px) scale(0.95);}}

@-webkit-keyframes anime-to1 {0% {-webkit-transform: translateY(0px) scale(0.95);}50%{-webkit-transform: translateY(20px) scale(1.0);}100% {-webkit-transform: translateY(0px) scale(0.95);}}

@-o-keyframes anime-to1 {0% {-o-transform: translateY(0px)scale(0.95);}50%{-o-transform: translateY(20px);}100% {-o-transform: translateY(0px)scale(0.95);}}

@-ms-keyframes anime-to1 {0% {-ms-transform: translateY(0px)scale(0.95);}50%{-ms-transform: translateY(20px);}100% {-ms-transform: translateY(0px)scale(0.95);}}
/*--- アニメーション終了 ---*/

#to_img > img{width: 100%; height: auto; margin:0; padding:0;}