我现在测试代码用的是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" />