css3效果

左右晃动

.move {
position: relative;
animation: dese 3s linear infinite alternate;
-webkit-animation:dese 3s linear infinite alternate;
-moz-animation:dese 3s linear infinite alternate;

}
@keyframes dese{
0% { left:0px; top:0px;}
25% { left:100px; top:0px;}
50% { left:200px; top:0px;}
75% {left:100px; top:0px;}
100% {left:0px; top:0px;}
}

图片缩放：

外层

position: relative;

overflow: hidden;
width: 260px;
height: 175px;

内层

-webkit-transform: scale(1.25);
transition: 1.5s;