在我以前的认知里，background-image是不能有动画或过渡效果的，但是，今天发现并不是这样的，CSS animation动画和transition过渡都可以触发A背景图到B背景图淡入淡出效果。
“CSS相关”目录存档
颠覆，原来background-image也是支持CSS动画的
2020年08月6日，星期四深入理解CSS background-blend-mode的作用机制
2020年07月22日，星期三
CSS mix-blend-mode属性比较好理解，效果都符合预期，然而background-blend-mode属性的混合效果常出乎意料，那是因为背景混合模式的作用机制有一点特殊，本文就带大家深入理解background-blend-mode的作用机制。
巧用CSS cross-fade()实现背景图像半透明效果
2020年07月6日，星期一
CSS变量对JS交互组件开发带来的提升与变革
2020年07月1日，星期三
CSS变量带来的提升绝不仅仅是节约点CSS成本，其可以颠覆目前JS组件交互开发的思路，把原来的JS负责的UI层的东西全部转移到了CSS层，组件代码更简洁，视觉表现实现更灵活，本文会举若干例子展示这种提升与变革。
使用CSS text-emphasis对文字进行强调装饰
2020年06月16日，星期二
CSS gap属性进化史
2020年06月7日，星期日
CSS columns轻松实现两端对齐布局效果
2020年05月27日，星期三
快速了解CSS display:flow-root声明
2020年05月12日，星期二
借助CSS mask遮罩显著优化PNG图片的尺寸
2020年05月8日，星期五
带有透明区域，同时色彩丰富的PNG图片再怎么压缩体积也是很大的，有没有什么办法既保持PNG图片的透明，又显著降低图片的尺寸呢？本文就将介绍如何使用CSS遮罩降低超过50%大小的PNG体积，优化性能。
我的应用
我的应用