前端学习记录——CSS过渡效果

transition

过渡的三个要素 ：

	  1、必须有属性值发生变化；
	  2、必须明确哪个属性值在发生变化；
	  3、必须制定属性过渡的持续时长。
	transition-property:设置要过渡的属性，如果需要设置多个属性，则把各个属性用逗号隔开即可。
	transition-duration：设置过渡的持续时长，如果多个属性都在过渡，需要为每一个属性设置对应的时间即可（以逗号分隔）。		transition-delay:  设置过渡的延迟时间执行过渡效果。
	transition-timing-function：设置过渡动画的运动速度
			linear	规定以相同速度开始至结束的过渡效果
			ease	规定慢速开始，然后变快，然后慢速结束的过渡效果
			ease-in	规定以慢速开始的过渡效果
			ease-out	规定以慢速结束的过渡效果
			ease-in-out	规定以慢速开始和结束的过渡效果

编写过渡效果的流程：

		1、先编写网页基本界面，先不要设计过渡；
		2、修改应该变化的属性；
		3、对被修改属性的元素添加过渡效果。