Tag "背景" 相关话题

经验总结

CSS实现background背景图优化,快速加载图片

Deshun 发布于 6年前 (2019-01-10) 8050℃ 评论(1) 赞 (3)

之前写过一篇:CSS中background属性总结 整理了 background 的常用属性。日常项目中经常会用到全屏的图片, .png 和 .jpg 的图片都太大,加载缓慢。我们可以使用webP格式的图片或者分辨率较低的压缩图,再叠加一层清晰的 png 图片,实现快速显示的效果。叠加 png 图片的目的是防止某些浏览器不支持 webP 格式。CSS代码:&...

经验总结

CSS遮罩应用:带有不规则三角的气泡

2

Deshun 发布于 6年前 (2018-11-21) 3633℃ 评论(0) 赞 (0)

CSS遮罩应用:带有不规则三角的气泡

一般网站应用中都会应用到三角形,正三角形的写法也有很多,网上一搜一大把。今天我看到一个带有不规则三角形气泡的写法,效果如下:左边部分的矩形比较好实现,通过设置宽高可圆角就可以,但是右边的不规则三角不好用代码实现了。在这里我们用到一个 CSS 的 遮罩属性(CSS Masks):-...