css3鼠标移入特效:如何实现div颜色渐变和放大缩小的效果
1、center②：设置中间为径向渐变圆心的纵坐标值。 left：设置左边为径向渐变圆心的横坐标值。 right：设置右边为径向渐变圆心的横坐标值。 top：设置顶部为径向渐变圆心的纵坐标值。 bottom：设置底部为径向渐变圆心的纵坐标值。
2、首先，打开html编辑器，新建html文件，例如：index.html。
3、实现效果如下（鼠标hover）：借助background-color实现渐变过渡 background-image虽然不支持CSS3 transition过渡，但是background-color支持啊，于是，通过控制背景颜色，和一个颜色呈现技巧，我们也是可以实现渐变过渡效果的。
在CSS3中常用的几种颜色渐变模式
CSS3渐变主要有两种类型：线性渐变和径向渐变。线性渐变使用线性过渡方式改变颜色，可以是从上到下、从左到右、对角线等方向；而径向渐变则是以一个点为中心向四周扩散，改变颜色。
CSS3 渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。
现在由我来向大家介绍一下在css3中如何使用transition属性和hover属性实现div颜色渐变和放大缩小的效果。
CSS3中如何实现渐变效果
center①：设置中间为径向渐变圆心的横坐标值。 center②：设置中间为径向渐变圆心的纵坐标值。 left：设置左边为径向渐变圆心的横坐标值。 right：设置右边为径向渐变圆心的横坐标值。 top：设置顶部为径向渐变圆心的纵坐标值。
}第一个渐变是将225px 横着分成了三等分。然后第二个渐变，垂直分成了三等分。这是肉眼看到的效果，其实是9个75px*75px的方块拼出来的结果。
现在由我来向大家介绍一下在css3中如何使用transition属性和hover属性实现div颜色渐变和放大缩小的效果。
如图所示，渐变的边框是一个 li 标签，要给他的 border-bottom 设置颜色渐变。
CSS3 渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。
在浏览器中打开test.html文件以查看效果。
上下渐变css3的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于上下渐变车膜、上下渐变css3的信息别忘了在本站进行查找喔。