CSS3动效(Transitions、Transforms、Animation)
理解: transition 过渡 连续的、从a到b transform 变换 旋转、缩放、偏移 animation 动画 一、transition 1.理解 过渡,用于平滑的改变CSS值,举个例子: change{ width:100px; height:100px; background:yellow; transition:background 10s; } change:hover{ background:red; } 意思就是说先在change这个css样式里面“声明”:如果我的background属性发生了变化,那么它的变化过程是连续变化(渐变),这个变化过程持续10s。 所以,transition 就是用来定义,当一个变化发生时,它变化的连续性和时间,以及连续过程的快慢情况的(先慢后快、先快后慢等)。 transition不控制变化的产生,而是只控制变化发生后的过渡效果。 2.使用 transition属性是下面几个属性的缩写: transition-property指定哪个属性应用过渡,比如 transition-property:background 就是指定 background 属性应用过渡。 transition-duration指定这个过渡的持续时间 transition-delay过渡延迟多长时间开始