2011年10月

重复的线性渐变

替代线性渐变,你可以使用重复的线性渐变:标注色标值,然后无间断地重复它们。用百分比的话就没有太大的意义,但用像素或者其他单位的,它可以实现非常酷的效果。例如:background-image: ...

unicac 学习分享 2011-10-29

透明渐变

一个很酷的技术,在渐变中改变颜色的alpha通道的值,例如:background-image: -o-linear-gradient(top left,rgba(100,100,100,1),r...

unicac 学习分享 2011-10-29
C

CSS3 线性渐变-色标

渐变可以指定位置做色标标明特别的颜色。在一个渐变里你可以指定许多色标只要你喜欢,浏览器会计算出这些色标间的所有颜色。一起看一个例子,从top left到bottom right渐变,从亮红色到暗...

unicac 学习分享 2011-10-22
C

CSS3 线性渐变-不同渐变角度

在第一个例子里,我们没特别指定方向或角度,渐变方向默认是至上而下。相当于这样子写:background-image: -o-linear-gradient(top,rgb(100,100,100...

unicac 学习分享 2011-10-21
C

CSS3 线性渐变

据我们所知,我们都曾使用过颜色渐变来美化站点和为站点增色,而如果你想创建一个具有精制外观的按钮、面板、进度条或者其他UI界面,那么颜色渐变是必要。到目前为止,我们一般是平铺背景图片来制造渐变效果...

unicac 学习分享 2011-10-19