下面是CSS渐变色(Gradient)技术实现的效果演示。
基本的颜色线性渐变,自上而下
基本的颜色线性渐变,45度角(Chrome, Safari, Firefox, IE10, Opera)
基本的颜色线性渐变,彩虹(Chrome, Safari, Firefox, IE10, Opera)
基本的颜色环形渐变
用环形渐变制作的彩虹
自定义环形渐变Customized Radial Gradient (Chrome, WebKit Nightly, Firefox)
循环颜色线性渐变(Chrome, WebKit, Firefox)