基于html5的app开发教程教学课件作者张暑军第3章5css3动画.pptxVIP

CSS3动画本讲内容CSS3 2D与3D变形CSS3过度属性CSS3动画2D和3D变换属性2D、3D变换相关属性属性描述transformHTML元素应用 2D 或 3D 转换transform-origin允许改变元素位置。transform-style被嵌套元素如何在 3D 空间中显示。perspective3D 元素的透视效果。perspective-origin3D 元素的底部位置。backface-visibility定义元素在不面对屏幕时是否可见。transform变换函数属性描述Matrix(n,n,n,n,n,n)2D变换，使用六个值的矩阵Martrix3d3D变换，用16个值的4x4矩阵translate2D变换translate3D3D变换translateX/Y/Z轴变换scale2D缩放变换scale3d3D缩放变换scaleX/Y/Z轴变换rotate2D旋转变换rotate3D旋转变换rotateX/Y/Z轴旋转变换skew沿着轴倾斜变换2D和3D变换属性过渡属性元素从一个状态到另一个状态的变化过渡设置元素的过渡效果Transition属性transition: property duration timing-function delay;Transition值及单个属性值描述transition-property规定设置过渡效果的 CSS 属性的名称