开发手册 欢迎您!
软件开发者资料库

CSS3 - 渐变

CSS3 Gradients - 面向初学者和高级开发人员的CSS教程使用示例,通过简单易用的步骤学习层叠样式表。 CSS2和CSS3属性的完整参考手册。

什么是渐变?

渐变显示两种或多种颜色的组合,如下所示 :

Types of gradients

  • 线性渐变(向下/向上/向左/向右/对角线)

  • 径向梯度

Linear gradients

线性渐变用于以线性格式(如从上到下)排列两种或更多种颜色。

Top to bottom

                     
   

Left to right

                     
   

Diagonal

对角线从左上角和右上角开始。

                        

Multi color

                        

CSS3 Radial Gradients

径向渐变出现在中心。

                        

CSS3 Repeat Radial Gradients