day10过渡，动画，雪碧图,多列，三角形

过渡

1定义：css3过渡是元素从一种样式逐渐改变为另一种样式的效果
过渡必须有触发事件  eg:鼠标悬停、鼠标点击等（过渡后什么样写在这里）
2语法：过渡transition是一个复合属性，包括
(1)transition-property: ;(规定应用过渡的属性的名称)  必须有  可以简写为all
可以过渡的属性：
①取值为颜色   如背景颜色 字体颜色 阴影颜色
②取值为数值  
③转换  transform
④阴影  box-shadow:; text-shadow:;
⑤背景渐变

(2)transition-duration: ;(定义过渡效果花费的时间 默认是0)   必须有  单位是s/ms  1s=1000ms

(3)transition-timing-function: ;(规定过渡速度变化类型 默认是ease)
取值：ease 先加速后减速
ease-in 加速
ease-out 减速
ease-in-out  先加速后减速
linear  匀速

(4)transition-delay: ;(规定过渡效果何时开始 默认是0)  单位是s/ms
可以取负值 表把这段时间的效果直接跳过

(5)可以简写transition: all 持续时间 速度变化类型 延迟时间;
                      必需  必需       可选       可选

注意：
过渡一般加在元素上 而不是某种效果上 给这个元素加 只要有这个元素就有过渡
比如
.box {
            width: 200px;
            height: 200px;
            background-color: pink;