css3全套教程,css3初学者教程

首页 > 教育 > 作者:YD1662024-05-18 15:27:24

css3全套教程,css3初学者教程(1)

本文主要内容

css3全套教程,css3初学者教程(2)

过渡:transition

transition的中文含义是过渡。过渡是CSS3中具有颠覆性的一个特征,可以实现元素不同状态间的平滑过渡(补间动画),经常用来制作动画效果。

transition 包括以下属性:

上面的四个属性也可以写成综合属性

transition: 让哪些属性进行过度 过渡的持续时间 运动曲线 延迟时间; transition: all 3s linear 0s;

其中,transition-property这个属性是尤其需要注意的,不同的属性值有不同的现象。我们来示范一下。

如果设置 transition-property: width,意思是只让盒子的宽度在变化时进行过渡。效果如下:

css3全套教程,css3初学者教程(3)

如果设置 transition-property: all,意思是让盒子的所有属性(包括宽度、背景色等)在变化时都进行过渡。效果如下

css3全套教程,css3初学者教程(4)

首页 12345下一页

栏目热文

文档排行

本站推荐

Copyright © 2018 - 2021 www.yd166.com., All Rights Reserved.