摘要: 实现思路 渐变效果采用linear-gradient实现,但是它只能设在background-image属性上 background-clip的含义是背景图片切割,当值设为text时,背景图片将根据文字轮廓进行切割 切割完成后,切割好的新背景图片被挡在文字下方,将文字的颜色设为透明即可让根据文字轮廓 阅读全文
posted @ 2020-05-03 17:16 陌上兮月 阅读(712) 评论(0) 推荐(1) 编辑
摘要: 预期效果 最近我在朋友圈看到一篇文章,关于疫情结束,点亮一张张图片的过程,图片由黑白逐渐变得色彩缤纷,看起来效果非常不错。 实现方式 实现方式非常简单,不难推断出用filter和transition可以完成这一效果,filter 用于控制颜色和明亮度,而 transition 则控制这一变化的过渡效 阅读全文
posted @ 2020-05-03 15:47 陌上兮月 阅读(881) 评论(0) 推荐(0) 编辑