标签：直线 00FF0A linear gradient 渐变色 right background white css

通过div   画渐变色的直线

左右方向渐变【调整方向：改变第一个参数：lef、right、top、bottom】

css:

#grad { 
background: -webkit-linear-gradient(left, white,#00FF0A); /* Safari 5.1 - 6.0 */ 
background: -o-linear-gradient(right, white,#00FF0A); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(right,white,#00FF0A); /* Firefox 3.6 - 15 */
background: linear-gradient(to right, white,#00FF0A); /* 标准的语法（必须放在最后） */ 
height: 6px; 
}



div:

<div id="grad"></div> 

效果图：

标签：直线,00FF0A,linear,gradient,渐变色,right,background,white,css
来源： https://www.cnblogs.com/YiFeng-Liu/p/13984392.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。