CSS3渐变、过渡、转换、动画

1.CSS3渐变

线性渐变(LinearGradients)-向下/向上/向左/向右/对角方向
径向渐变(radial-gradient)-由它们的中心定义CSS3渐变、过渡、转换、动画

 

 CSS3渐变、过渡、转换、动画

 

 CSS3过渡

1、指定要添加效果的CSS属性
2、指定效果的持续时间。如果未指定的期限,transition将没有任何效果,因为默认值是0。

CSS3渐变、过渡、转换、动画

 

CSS3渐变、过渡、转换、动画

 

 transform-origin:righttop设置旋转轴心

 

translate()一对
rotate()旋转
scale()缩放
skew()倾斜
matrix()

@keyframes规则

CSS3渐变、过渡、转换、动画

 

CSS3渐变、过渡、转换、动画

 

上一篇:CSS3选择器、边框、背景


下一篇:EduCoder-Web程序设计基础-html5—CSS3选择器-属性选择器-第3关:CSS3-包含及连字符选择器