Deshun 发布于 6年前 (2019-01-10) 7971℃
赞 (3)
之前写过一篇:CSS中background属性总结 整理了 background 的常用属性。日常项目中经常会用到全屏的图片, .png 和 .jpg 的图片都太大,加载缓慢。我们可以使用webP格式的图片或者分辨率较低的压缩图,再叠加一层清晰的 png 图片,实现快速显示的效果。叠加 png 图片的目的是防止某些浏览器不支持 webP 格式。CSS代码:&...
标签:
css
/ webp
/ background
/ 背景
Deshun 发布于 6年前 (2018-11-21) 3543℃
赞 (0)
一般网站应用中都会应用到三角形,正三角形的写法也有很多,网上一搜一大把。今天我看到一个带有不规则三角形气泡的写法,效果如下:左边部分的矩形比较好实现,通过设置宽高可圆角就可以,但是右边的不规则三角不好用代码实现了。在这里我们用到一个 CSS 的 遮罩属性(CSS Masks):-...
标签:
css
/ 遮罩
/ 背景
Deshun 发布于 7年前 (2017-10-30) 9795℃
赞 (6)
最近在写一个系统页面,涉及到background背景和背景图、渐变等属性,经过查阅资料发现background有各种子属性,特此整理一下。浏览器兼容性支持: PC端: 移动端:为了后面的介绍,我们首先了解一下【盒模型】backg...
标签:
css
/ background
/ 背景