Hi,are you ready?

准备好开始了吗?
那就与我们取得联系吧

有一个网站项目想和我们谈谈吗?您可以填写右边的表格,让我们了解您的项目需求,这是一个良好的开始,我们将会尽快与你取得联系。当然也欢迎您 给我们写信或是打电话,让我们听到你的声音!

Distance远近互联网络运营服务商

地 址:河北省石家庄市新华区华强广场5楼

电 话:14730427447

E-mail:815752879@qq.com

填写您的项目信息

给大家分享几个css3的动效

发布时间:2020-08-31T09:24:46

-webkit-animation: move1 2s 0.8s forwards; animation: move1 2s 0.8s forwards 

-webkit-animation: move1 2s 0.8s forwards; animation: move1 2s 0.8s forwards 

-webkit-animation: move1 2s 0.8s forwards; animation: move1 2s 0.8s forwards 

@-webkit-keyframes move1 {

             0%{ -webkit-transform: translate(330px,-1000px); transform: translate(330px,-1000px) }

             20%{ -webkit-transform: translate(330px,0); transform: translate(330px,0) }

             40%{ -webkit-transform: translate(330px,-50px); transform: translate(330px,-50px) }

             60%{ -webkit-transform: translate(330px,0px); transform: translate(330px,0px) }

             100%{ -webkit-transform: translate(0,0); transform: translate(0,0) }

         }

@-webkit-keyframes move2 {

            0%{ -webkit-transform: translate(0,-1000px); transform: translate(0,-1000px) }

            20%{ -webkit-transform: translate(0,0); transform: translate(0,0) }

            40%{ -webkit-transform: translate(0,-50px); transform: translate(0,-50px) }

            60%{ -webkit-transform: translate(0,0px); transform: translate(0,0px) }

            100%{ -webkit-transform: translate(0,0) ; transform: translate(0,0)}

        }

@-webkit-keyframes move3 {

            0%{ -webkit-transform: translate(-330px,-1000px); transform: translate(-330px,-1000px) }

            20%{ -webkit-transform: translate(-330px,0); transform: translate(-330px,0) }

            40%{ -webkit-transform: translate(-330px,-50px); transform: translate(-330px,-50px) }

            60%{ -webkit-transform: translate(-330px,0px); transform: translate(-330px,0px) }

            100%{ -webkit-transform: translate(0,0); transform: translate(0,0) }

        }

@keyframes move1 {

            0%{ transform: translate(330px,-1000px) }

            20%{ transform: translate(330px,0) }

            40%{ transform: translate(330px,-50px) }

            60%{ transform: translate(330px,0px) }

            100%{ transform: translate(0,0) }

        }

@keyframes move2 {

            0%{ transform: translate(0,-1000px) }

            20%{ transform: translate(0,0) }

            40%{ transform: translate(0,-50px) }

            60%{ transform: translate(0,0px) }

            100%{ transform: translate(0,0) }

        }

@keyframes move3 {

            0%{ transform: translate(-330px,-1000px) }

            20%{ transform: translate(-330px,0) }

            40%{ transform: translate(-330px,-50px) }

            60%{ transform: translate(-330px,0px) }

            100%{ transform: translate(0,0) }

        }

远近互联前端小华整理发布,希望能对学习技术的你有所帮助

远近互联专业提供网站建设、APP开发、网站优化、外贸网站SEO、微信运营的品牌整合营销服务让客户通过网络品牌建立与网络传播提高业绩。

【相关推荐】
返回列表
在线沟通

Are you interested in ?

  您感兴趣吗?

有关我们服务的更多信息,请联系

147 3042 7447 周经理

与我们合作

与远近互联合作,您将会得到更成熟的网络品牌建设服务。我们以客户至上,同时也相互挑战,力求呈现更好的网络品牌建设成果。

项目经理热线(周经理):

147 3042 7447

TOP

QQ客服

14730427447