无标题文档 <br />*{margin:0;<br />padding:0;}<br />.wrapper1{<br /> width:150px;<br /> height:191px;<br /> border:#eee 1px solid;<br /> border-radius:10px;<br /> padding:2px;<br /> float:left;<br /> margin:200px 0 0 50px;<br /> -moz-perspective:800px;<br /> -moz-transform-style:preserve-3d;<br /> -webkit-perspective:800px;<br /> -webkit-transform-style:preserve-3d;<br /> -moz-backface-visibility:;<br /> -webkit-backface-visibility:hidden;<br />}<br />.box1{<br /> width:150px;<br /> height:191px;<br /> background:url(http://p1.qhimg.com/t0151320b1d0fc50be8.png);<br /> border-radius:10px;<br /> -webkit-animation-name:wobble;<br /> -webkit-animation-duration: 5s;<br /> -webkit-animation-timing-function: linear;<br /> -webkit-animation-delay: 0;<br /> -webkit-animation-iteration-count: infinite;<br /> -webkit-animation-direction: ;<br /> -moz-animation-name:wobble;<br /> -moz-animation-duration: 5s;<br /> -moz-animation-timing-function: linear;<br /> -moz-animation-delay: 0;<br /> -moz-animation-iteration-count: infinite;<br /> -moz-animation-direction: ;<br />}<br />@-webkit-keyframes wobble{<br /> 0% {<br /> -webkit-transform:rotateY(0deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);<br /> }<br /> 25% {<br /> -webkit-transform:rotateY(90deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);<br /> }<br /> 50% {<br /> -webkit-transform:rotateY(180deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);<br /> }<br /> 75% {<br /> -webkit-transform:rotateY(90deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);<br /> }<br /> 100% {<br /> -webkit-transform:rotateY(0deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);<br /> }<br /> }<br />@-moz-keyframes wobble{<br /> 0% {<br /> -moz-transform:rotateY(0deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);<br /> }<br /> 25% {<br /> -moz-transform:rotateY(90deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);<br /> }<br /> 50% {<br /> -moz-transform:rotateY(180deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);<br /> }<br /> 75% {<br /> -moz-transform:rotateY(90deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);<br /> }<br /> 100% {<br /> -moz-transform:rotateY(0eg) rotateX(0deg) rotateZ(0deg) translateZ(0px);<br /> }<br /> }<br /> http://www.999jiujiu.com/
