本文主要介绍css3如何实现元素颜色从左到右变为蓝色的效果，具有一定的参考价值。有兴趣的朋友可以参考一下。希望大家看完这篇文章后收获多多。让边肖带你去了解一下。
在css中，可以使用背景属性和“线性渐变()”函数来实现元素颜色从左到右变成蓝色的效果。您只需要向元素添加“背景3360线性渐变(向右，白色，蓝色)”样式。
本教程操作环境：windows7系统，CSS3HTML5第5版，戴尔G3电脑。
在css中，背景属性和线性渐变()函数可以实现从左到右的颜色变蓝，
background属性用于设置元素的背景样式，linear-gradient()函数用于设置元素的线性渐变，并创建表示两种或多种颜色的线性渐变的图片。
要创建线性渐变，需要指定两种颜色，还可以实现不同方向(指定为角度)的渐变效果。如果不指定方向，默认情况下渐变将从上到下。
让我们通过例子来看看它：
！DOCTYPEhtml
超文本标记语言
头
metachartset=’ utf-8 ‘
标题123/标题
风格
#grad1{
高度：200 px；
背景：线性渐变(圆形、白色、蓝色)；
}
/style
/head
身体
H4线性梯度-从左到右/h4
p从左侧线性渐变。起点是白色，慢慢过渡到蓝色：/p
divided=’ grad 1 ‘/div
/body
/html html输出结果：
感谢您仔细阅读本文。希望边肖分享的文章《如何实现css3中元素颜色从左到右的蓝色效果》对大家有所帮助。同时也希望大家多多支持，关注行业信息渠道，多多了解！
内容来源网络，如有侵权，联系删除，本文地址：https://www.230890.com/zhan/118535.html