3D变形(transform)
1.3D坐标系(数学坐标系;CSS坐标系–>CSS3中的3D坐标系与上诉的3D坐标系是有一定的区别,相当于绕着X轴旋转了180度。除了X轴,其他两个轴都改变了方向。)
rotateX();rotateY();rotateZ();
透视perspective:可以将2D平面转换成3D效果,近大远小,浏览器透视;perspective
,透视一般加在顶层所以一般写在body;属性:视距,设置为父元素,作用于所有3D转换的子元素(所以写在需要透视元素的父元素上)。
<style>
body{
/*透视就是能够产生上帝视角,越小效果越明明显*/
perspective: 600px;
}
img{
margin: 100px;
transition: all 5s linear;
}
img:active{
/