【生意多】-免费发布分类信息
当前位置: 首页 » 新闻 » 教程 » 正文

CSS渐变的两种基本用法

放大字体  缩小字体 发布日期:2020-06-26 04:21:33    浏览次数:10
导读

  如果想写一条硬线,也就是所谓的hard line来进行无渐变分割,则在两个色标尾部紧接着写上50%,注意,除了50%其他都不能完全消除渐变效果。这是一个去渐变的硬线分割写法)  配合背景图使用,注意渐变效果要写在url引入的背景图之前。是不是觉得这种效果没什么卵用呢?我觉得也是。  其他参数的含义(start-color,en

  如果想写一条硬线,也就是所谓的hard line来进行无渐变分割,则在两个色标尾部紧接着写上50%,注意,除了50%其他都不能完全消除渐变效果。这是一个去渐变的硬线分割写法)

  配合背景图使用,注意渐变效果要写在url引入的背景图之前。是不是觉得这种效果没什么卵用呢?我觉得也是。

  其他参数的含义(start-color,end-color,soft-line),包括硬线的实现代码,配合背景图使用的写法,都与线性渐变的几个同名参数或同名操作完全相同。这里就不重复去说了。

  关于渐变还有其他一些玩法,比如渐变重复、多颜色渐变等。这里只记录两种最基本的,因为我个人觉得这属于比较边缘的CSS知识,目前在项目中我还没有使用过它。假如有一天CSS渐变能在前端项目中大放异彩,再对它做深入的研究也不迟。

 
关键词: css渐变效果
(文/小编)
打赏
免责声明
• 
本文为小编原创作品,作者: 小编。欢迎转载,转载请注明原文出处:http://www.31duo.com/news/show-322398.html 。本文仅代表作者个人观点,本站未对其内容进行核实,请读者仅做参考,如若文中涉及有违公德、触犯法律的内容,一经发现,立即删除,作者需自行承担相应责任。涉及到版权或其他问题,请及时联系我们。
 

(c)2016-2019 31DUO.COM All Rights Reserved浙ICP备19001410号-4

浙ICP备19001410号-4