关注前端开发
HTML5、CSS3、Javascript

IE10开始支持CSS3 Transitions, Transforms 和 Animations

这是一个好消息,微软公开说明IE10预览版已经支持CSS3属性 Transitions, Transforms 和 Animations,你可以直接写transitions,而不是加个恶心的前缀-ms-,这是一个大的进步,也将激发更多浏览器厂商尽快普及支持更多CSS3。你一定认为这是微软给前端开发者的一个惊喜,的确,这是微软少有的积极,应该支持。

相信不少同学已经使用过了这几个CSS3属性,Transitions是设定一个时间,然后可以进行一些平滑的动画操作;Transforms是变形转换,这个也非常多用;Animations是动画,不多说了。CSS3详解中也介绍了一些CSS3属性,虽然不全面,但也应该有用。

说到CSS的前缀,那叫一个恶心:

background-color: #d6d6d6;
background-image:-webkit-linear-gradient(top,#e6e6e6,#d6d6d6);
background-image:-moz-linear-gradient(top,#e6e6e6,#d6d6d6);
background-image:-ms-linear-gradient(top,#e6e6e6,#d6d6d6);
background-image:-o-linear-gradient(top,#e6e6e6,#d6d6d6);
background-image:linear-gradient(top,#e6e6e6,#d6d6d6);

看了这个,你有什么感想,感觉被N多浏览器傻x了,不是吗?

转载请注明出处大前端 » IE10开始支持CSS3 Transitions, Transforms 和 Animations

分享: