start-动画

第一种方式：start-动画

.pages .p3 img{ width: 100%;}
.item-01{ position: absolute; left: 50px; top: 10px; width: 300px;-webkit-animation:start 1.5s infinite ease-in-out;-moz-animation:start 1.5s infinite ease-in-out;animation:start 1.5s infinite ease-in-out}
@-webkit-keyframes start{0%,30%{opacity:0;-webkit-transform:translate(0,10px)}
60%{opacity:1;-webkit-transform:translate(0,0)}
100%{opacity:0;-webkit-transform:translate(0,-8px)}
}
@-moz-keyframes start{0%,30%{opacity:0;-moz-transform:translate(0,10px)}
60%{opacity:1;-moz-transform:translate(0,0)}
100%{opacity:0;-moz-transform:translate(0,-8px)}
}
@keyframes start{0%,30%{opacity:0;transform:translate(0,10px)}
60%{opacity:1;transform:translate(0,0)}
100%{opacity:0;transform:translate(0,-8px)}
}

本地问价查看：app/html5_animation/start.html