css
文章平均质量分 52
weixin_43897150
这个作者很懒,什么都没留下…
展开
-
linear-gradient百分比用法基础
background: linear-gradient(to right, red, blue);上面一句也可以写成background: linear-gradient(to right, red 0%, 50%, blue 100%);默认第一个颜色是0%,指定渐变从0%处开始, 最后一个是100%,指定渐变到100%结束。如果一个既不是起始也不是终止的颜色中间点,没有被明确声明位置,那么这个颜色就会从前后两个颜色的中间位置开始。下图指定红色渐变从20%处开始,则20%之前红色纯色填.原创 2021-02-18 14:24:01 · 560 阅读 · 0 评论 -
css sprite雪碧图 background-position百分比
css sprite图在线生成工具background-position平时使用如background-position: 20px 30px时,背景图与容器(0,0)是对其的,也就是背景图和容器左上角重叠在一起,然后背景图在这个基础上往右移动20px, 往下移动30px。background-position假设指定百分比值,比如一张200 * 200的背景图,和一个100 * 100的容器,指定 background-position: 20% 30%。那么实际上背景图会先将自身(20% 30%)这原创 2021-02-20 14:16:35 · 238 阅读 · 0 评论