一个栗子上手CSS3动画

height: 382px;

background: url(demo.png) no-repeat 0 0;

background-size: 25.8rem 19.1rem;

-webkit-animation: anima_sprite 2s step-end .6s infinite both;

animation: anima_sprite 2s step-end .6s infinite both;

}

@keyframes anima_entrance {

0% {

-webkit-transform: translate3d(18.75rem, 0, 0);

transform: translate3d(18.75rem, 0, 0);

}

100% {

-webkit-transform: translate3d(0, 0, 0);

transform: translate3d(0, 0, 0);

}

@keyframes anima_move {

0%, 16%, 42%, 74%, 100% {

-webkit-transform: translate3d(0, 0, 0);

transform: translate3d(0, 0, 0);

}

29% {

-webkit-transform: translate3d(-1rem, 0, 0);

transform: translate3d(-1rem, 0, 0);

}

87% {

-webkit-transform: translate3d(1rem, 0, 0);

transform: translate3d(1rem, 0, 0);

}

@keyframes anima_sprite {

0%, 16%, 42%, 58%, 74%, 100% {

background-position: -12.9rem 0;

}

8%, 50%, 66% {

background-position: 0 0;

　　推荐阅读

　　邢台国税智慧云办税厅升级 130项业务可在线办理

为包管云厅2.0版顺利履行，邢台市国税局制订了工作筹划，明白阶段性的工作目标、义务分工和履行进度请求，纳入台账式治理。在桥东区国税局进级后的聪明云办税区，安装有16台互联电脑和1台>>>详细阅读

地址：http://www.17bianji.com/lsqh/35169.html