微信浏览器的css前缀是什么,写的动画都没有用

html-css017

微信浏览器的css前缀是什么,写的动画都没有用,第1张

微信浏览器的内核应该是webkit,与安卓自带的浏览器和苹果的Safari浏览器的内核是一样的,但腾讯肯定对它进行了深度定制,去掉了与微信有冲突的功能,所以并不是所有效果在微信浏览器中都能呈现的。但据本人亲测,在电脑Chrome浏览器能运行的功能(包括动画),在微信上99%都能实现,而且基本上无须加前缀。所以估计是你的代码问题吧。

可能是源代码问题,可以查看源代码,代码不多的,用手机和电脑浏览,注意那个充电头的动画。

1、最好加上浏览器兼容前缀 你的代码transition: all 5s linear 1s,如果你是用在webkit内核的浏览器,最好这样写:

-webkit-transition: all 5s linear 1s

transition: all 5s linear 1s

2、魅族note2上UC,火狐,chrome,魅族自带浏览器均有动画。只有手机Opera没有动画。可以试一下加上针对不同浏览器的css前缀补全。或者在meta里加上浏览器打开h5模式的标识。