200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > CSS3 3D旋转动画代码实例【HTML】

CSS3 3D旋转动画代码实例【HTML】

时间:2021-09-16 16:52:17

相关推荐

CSS3 3D旋转动画代码实例【HTML】

web前端|html教程

CSS3 3D旋转动画代码实例

web前端-html教程

无标题文档

js微信小游戏源码,ubuntu休眠开热点,利用爬虫软件盈利,php合购,seo营销干货lzw

*{margin:0;

padding:0;}

.wrapper1{

width:150px;

height:191px;

border:#eee 1px solid;

border-radius:10px;

padding:2px;

float:left;

margin:200px 0 0 50px;

-moz-perspective:800px;

-moz-transform-style:preserve-3d;

-webkit-perspective:800px;

-webkit-transform-style:preserve-3d;

-moz-backface-visibility:;

-webkit-backface-visibility:hidden;

}

.box1{

width:150px;

height:191px;

background:url(/t0151320b1d0fc50be8.jpg);

border-radius:10px;

-webkit-animation-name:wobble;

-webkit-animation-duration: 5s;

-webkit-animation-timing-function: linear;

-webkit-animation-delay: 0;

-webkit-animation-iteration-count: infinite;

-webkit-animation-direction: ;

-moz-animation-name:wobble;

-moz-animation-duration: 5s;

-moz-animation-timing-function: linear;

-moz-animation-delay: 0;

-moz-animation-iteration-count: infinite;

-moz-animation-direction: ;

}

@-webkit-keyframes wobble{

0% {

-webkit-transform:rotateY(0deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);

}

25% {

-webkit-transform:rotateY(90deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);

}

50% {

-webkit-transform:rotateY(180deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);

}

75% {

-webkit-transform:rotateY(90deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);

}

100% {

-webkit-transform:rotateY(0deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);

}

}

@-moz-keyframes wobble{

0% {

-moz-transform:rotateY(0deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);

}

25% {

-moz-transform:rotateY(90deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);

}

50% {

-moz-transform:rotateY(180deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);

}

75% {

-moz-transform:rotateY(90deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);

}

100% {

-moz-transform:rotateY(0eg) rotateX(0deg) rotateZ(0deg) translateZ(0px);

}

}

秒赞破解版源码,ubuntu打开特效,tomcat 打开低端口,水爬虫推荐,php开发助理,抖音seo算法是什么意思lzw

/

html5拼图游戏源码解释,vscode 扩展商店,ubuntu需要预留,tomcat更换证书,授权爬虫,php打开pdf,富士康seo招聘,zzzcms修改网站模板,一女五男模板lzw

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。