3Dtransforms的简单介绍

      3D transforms的介绍

         我们知道,在之前的网页设计里面,我们一直都是使用2d的平面设计,最多就是实现平面之前的动画,很少使用到3d的特征,虽然苹果在一些应用里面也使用到了3d,微软也曾静推出自己的3d的解决方案,但是3d一直都是在网页里面很大的进展,可能比较流行的就是flash,随着html5的发展,基于html5的threejs和webgj算是给网页的3带来了生机,但是这些都是依赖强大的js。现在出现最新的解决方案,那就是css3里面的transforms

      3D transforms的原理

        其实我们知道所谓3d就是2d平面在不同空间的展示,那么3d transforms的原理也就是通过对平面的图形的 变换组装,达到3d的效果。css就是这其中的样式控制,要想实现更好的效果,比如旋转什么的,还要要依赖js来对样式的控制。一般来说,3d的演示总是在两个不的界面之前,你总不能在提交表单的时候演示一个3d的效果,我们都是在切换到不同页面时候使用,就像是在很多的应用中,当点击了目录的导航的时候,切换到具体的页面显示页的时候,使用的3d翻转效果。如:

     

    这样看起来,会使得我们的应用更加的逼真,更能满足用户的审美,就像苹果电脑里面本身就有很多3d效果。

      3Dtransforms支持的浏览器

       当然,苹果公司最为最早提出3d和3d效果做的最好的公司吗,在早期支持transforms3d的浏览器就是苹果的Safari ,但是随着慢慢发展,浏览器厂商都知道,走向3d是趋向,慢慢更多的浏览器,像google的chrome,和firefox都开始支持了。下面是最新的支持图:

 

    3dtransforms面临的问题

    虽然3dtransforms是一个很好,也很实用的东西,但是面临最大的问题就是兼容性,为了能够更好的兼容不同的用户,我们就得设计更多的方案。 

共有 0 条评论

Top