小程序支持CSS3动画效果吗?
发布于 7 年前 作者 vxiao 15652 次浏览 来自 问答

 @-webkit-keyframes imggif1 { 0% {background-position: 0 -0%; } 100% { background-position: 0 -5000%;} } 

@-moz-keyframes imggif1 { 0% {background-position: 0 -0%; } 100% { background-position: 0 -5000%;} } 

@-ms-keyframes imggif1 { 0% {background-position: 0 -0%; } 100% { background-position: 0 -5000%;} } 

@keyframes imggif1 { 0% {background-position: 0 -0%; } 100% { background-position: 0 -5000%;} }

 .gifplay1{ -webkit-animation:imggif1 steps(1) infinite normal none; -moz–animation:imggif1 steps(1) infinite normal none; -ms-animation:imggif1 steps(1) infinite normal none; animation:imggif1 steps(1) infinite normal none; background-size:100% 100%;}

类似于这样的动画效果,为什么写到wxss文件里面就报错了?

2 回复

小程序有动画~不支持这样的写法。这个是html的写法,你如果需要动画的话,可以使用小程序-API-wx.createAnimation()这个挺方便的,也不需要自己写兼容。

回到顶部