动画过渡与变换---海文老师

出现了黄色的感叹号,表示浏览器不能解析语句.

比,background : 更精准. 计算机不会多次计算.

过渡属性: transition

transition也是一个复合属性

过渡颜色

只能检测数字/数值到数值的变化,不可以检测字母到字母的变化.

也不能检测数字到字母的变化.

过渡的速度

匀速变化   linear

 

 

可以在网站上定义任意的曲线

延迟过渡

background 的复合写法

transition的复合写法

 

变化

是绕着中心点来转的.

background-position:    默认的是按照左上角.

而transform 默认的是 中心点.

缩放变化

拉伸变换/倾斜变换

原来的变换

示例: 做一个立方体

先做出六个面. 再在不同的方向上变换;

让六个面,重叠在一起.用定位

 

再实现各个角度的旋转

随堂笔记.仅供复习使用