首页 > 不同浏览器的css3过渡效果不一致

不同浏览器的css3过渡效果不一致

我现在测试代码用的是360安全浏览器 8.1正式版。

想要的效果是:

当鼠标悬浮div元素时,缓慢放大。移出时缓慢缩小。

代码:transition(放置在待放大的元素上) + transform:scale(鼠标悬浮时设置)

出现的问题是:当鼠标快速进入div元素 或 移除div时,动画效果太生硬。类似于没有动画,直接就变换了。

而我在ie11,火狐,opera 测试不会。

由于我是在仿照尤果网的网页效果,而尤果网这个网站的一切特效却在所有浏览器中没有出现任何问题,包括360。

我就纳闷,为什么我在360测试就会出现过渡生硬的现象?

还有,哪位大神知道尤果网(www.ugirls.com)首页的网页特效(纯css特效,禁止js脚本后仍能运行恩效果)是怎么做出来得吗?能否给出代码,并详细注释下。

不是在打广告,请不要误解←_←,我是因为这个网站的图片效果真的做的太好,所以想试着自己做做

求大神降临……T_T


360浏览器某些版本模式是用低版本ie做内核的,这样就不支持css3属性了

题主可以加上这个试试,用高版本ie或GCF试试

< meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" />
【热门文章】
【热门文章】