transition特性是两个缩写特性,可用作增设五个过渡阶段特性:transition-property过渡阶段效用的CSS特性的中文名称(height、width、opacity等);transition-duration顺利完成过渡阶段效用须要天数;transition-timing-function明确规定速率效用的速率抛物线;transition-delay过渡阶段效用何时能已经开始(延时)。
1、过渡阶段的动画电影类别主要就有:linear:非线性过渡阶段。ease:光滑过渡阶段。ease-in:渐渐快速。ease-out:渐渐失速。ease-in-out:先快速后失速。
2、动画电影类别特性主要就如是说:linear:明确规定以完全相同的速率已经开始至结束的过渡阶段效用。ease:明确规定短距离已经开始渐渐变慢接着短距离完结的过渡阶段效用。ease-in:明确规定以短距离度已经开始的过渡阶段效用。ease-out:明确规定以短距离度完结的过渡阶段效用。ease-in-out:明确规定以短距离已经开始至结束的过渡阶段效用。
3、整体而言:transition特性却是配搭regardless用的较为多,比如说hover、focus,但也多半会加进javascript、@madia促发。transition和javascript的紧密结合更加强悍。js用以预设要变动的式样,transition则负责管理动画电影效用。他们通常都在css里头写transition,transition特性能选定参予的过渡阶段特性,过分天数,过渡阶段延时和过渡动画电影类别等。