css中可以进行背景的渐变，通常来说，我们使用的是下面两种渐变线性渐变
// 文章文本
.mainTxt {
mask-image: linear-gradient(to bottom, white 10%, transparent 90%);
}
// 图片
.imgTag {
mask-image: linear-gradient(to bottom, white 10%, transparent 90%);
}
最近接了个项目，PM 又来催：“登录弹窗能不能加点透明毛玻璃效果？活动标题再做点酷炫的渐变？对了，用户的反馈框能不能调整大小？”听完这要求，我脑袋直接嗡了：又想炫酷，又不想加班，这不扯嘛！正当我愁得要改 JS 的时候，隔壁老王一脸淡定：“兄弟，这些 CSS 技巧轻轻松松搞定，少写代码，效果还好。”于是，我抱着试一试的态度研究了一波，才发现 CSS 的隐藏技能简直是“救命稻草”！今天就把这些技巧整理
今天躺在床上刷抖音的时候，看见了一个马克笔随便画星空的视频，很有意思。先看效果：
报警特效通常包括闪烁、颜色变化或者动态的警示框。
渐变配色网站webgradients不知道给图片或PPT背景怎样配色的朋友们有福了, 今天给大家介绍一个非常实用的网站webgradients, 这个网站提供了180种渐变配色方案, 想要哪种配色方案一目了然不必再纠结。WebGradients 是 180 个线性渐变的免费工具集合，您可以将其用作网站任何部分的内容背景。轻松复制(copy)CSS3 跨浏览器代码并立即使用！我们还准备了每个渐变的
还在傻傻地通过不停敲代码来实现idea？那你就太“脚踏实地”了。在开发工作中，有很多开发工具，不仅能够使得工作事半功倍，还比直接敲代码有趣，让你可以在百忙之中偷个小懒。走过路过不要错过~~~CSS3样式生成器CSS3渐变样式生成器，类似PS中的渐变界面： CSS整形和优化工具CSS3动画制作工具Sencha Animator
大家好，今天给大家介绍一款，css实现的卡片式渐变色卡html页面前端源码（图1），送给大家哦，获取方式在本文末尾。不同颜色的渐变，给用户炫酷的视觉体验（图2）源码完整，需要的朋友可以下载学习（图3）
渐变是一种从一种颜色到另一种颜色的平滑过渡。另外，可以把多个颜色的过渡应用到同一个元素上。SVG渐变主要有两种类型：（Linear，Radial）。
页面中如果有两种或多种指定颜色之间的平滑过渡的渐变效果，会使得我们的视觉效果瞬间提升几个档次，在CSS3中有提供的多个渐变方式属性就能让我们轻松实现这样的渐变效果。目前CSS渐变属性有六个，分别为: