实例原点放射渐变的图像它类似于并且采取相同的论据，但它重复无限地在各个方向上停止颜色以覆盖整个容器渐变平铺 repeating 渐变属性 了解一下 给盒子添加阴影表现效果，仿佛有光打到盒子上 和原盒子一样大小，包含。

借助backgroundposition实现渐变过渡 backgroundimage虽然不支持CSS3 transition过渡，但是backgroundposition支持啊，于是，通过控制背景位置，我们是可以实现渐变过渡效果的实现效果如下鼠标hover借助backgroundcolor实现。

2在indexhtml中的标签中，输入css代码button width 100px height 50pxborder 0color whitebackground webkitradialf， #545c64 3浏览器运行indexhtml页面，此时用CSS实现了。

1HTML实现渐变 lt！DOCTYPE html week width 600pxheight 600pxbackground lineargradientred， yellow， blueborderradius 300px 2实现效果。

CSS3 定义了两种类型的渐变gradients线性渐变Linear Gradients 向下向上向左向右对角方向 语法backgroundimage lineargradientdirection， colorstop1， colorstop2， 径向渐变Radial Gradients。

一方法一借助maskimage属性如果您手头上的浏览器是Chrome或是Safari，则您可以在demo页面中看到类似下面的效果相应的HTML代码如下codeh2 class=quottextgradientquot datatext=quot天赐美妞quot天赐美妞h2codebutton。