css3中的2d和3d有什么区别?

html-css05

css3中的2d和3d有什么区别?,第1张

3D为立体,2D为平面。点线面体中的面就是2D,体就是3D。

3D给人真实、立体的感觉,渲染时消耗显存大,并且质量高时,对显存频率、核心频率等要求也不少,3D比2D的要求高很多。

2D是面,虽然感觉不真实,不立体,但是消耗的显存小,质量高也没多大的要求,需求电脑的性能和3D比那就低多了。

有些低端3D游戏因为纹理材质方面,看起来很简陋,但是也比2D消耗得多,因此,硬件不是很高端的情况下,3D并不能体现出真实的优势。

translate():用来移动元素,可以根据X轴和Y轴坐标重新定位元素位置。在此基础上有两个扩展函数:translateX()和translateY()。

scale():用来缩小或放大元素,可以使用元素尺寸发生变化。在此基础上有两个扩展函数:scaleX()和scaleY()。

rotate():用来旋转元素。

skew():用来让元素倾斜。在此基础上有两个扩展函数:skewX()和skewY()。

matrix():定义矩阵变形,基于X轴和Y轴坐标重新定位元素位置。