【CSS】这种效果用css3或者canvas应该如何实现

问题描述

移动端的几个活动页面,设计师那边出的效果图用到了如下这种背景,好几个页面都用到了这种背景只是颜色不相同,我想着都用图片的话肯定会影响加载速度,就想着能不能用代码实现。小弟用到的css3效果只是些变换动画之类的、canvas也只是画画圆弧这样,没有什么实现思路,请各位大佬给点实现思路或者几个关键词,谢谢各位!
图片描述
图片描述

回答:

一张图片还是要的,其他只是变个颜色,加css3滤镜就能解决。但是考虑到兼容问题,别追求了加载速度,丢了兼容性。

回答:

色彩单一,保证质量度没问题,图片用jpg或gif的话不会多大的

回答:

canvas+渐变颜色+imageData

回答:

可以看一下shader,看上去是一个模糊加一个渐变,webgl可以写shader

以上是 【CSS】这种效果用css3或者canvas应该如何实现 的全部内容, 来源链接: utcz.com/a/155702.html

回到顶部