想了10个与CSS相关的案例，看看chatGPT的CSS代码水平如何，评估下自己会不会失业，结果惊为天人！
文章关键字 ‘linear-gradient’
好奇心驱使下试验了chatGPT写CSS代码的能力
2023年03月17日，星期五颠覆，原来background-image也是支持CSS动画的
2020年08月6日，星期四
在我以前的认知里，background-image是不能有动画或过渡效果的，但是，今天发现并不是这样的，CSS animation动画和transition过渡都可以触发A背景图到B背景图淡入淡出效果。
CSS conic-gradient()锥形渐变简介
2020年04月20日，星期一
第五届CSS大会主题分享之CSS创意与视觉表现
2019年06月9日，星期日
第五届CSS大会主题分享之“CSS创意与视觉表现”文字版完全整理，共有10个纯CSS实现的创意案例，旨在展现CSS的潜力，同时激发你的CSS创意思维。每个案例都有demo，原理讲解，文末还有分享文档，希望对你CSS学习有所帮助。
你用的那些CSS转场动画可以换一换了
2019年05月27日，星期一
使用“变量种子计数器”扩展CSS动画更多可能性
2019年05月17日，星期五
有些CSS属性，例如background-image渐变不能使用CSS animation动画，那有没有什么办法可以让渐变支持设置动画呢？本文就将介绍我最近研究的一个小成果，可以实现background-image渐变的动画效果。
CSS/CSS3 box-decoration-break属性简介
2019年01月5日，星期六
CSS box-decoration-break属性可以指定元素片段在跨行、跨列或跨页（如打印）时候的样式渲染表现。
默认情况下，元素的跨行或跨列渲染都是裁剪分割，各得一部分，借助box-decoration-break属性，可以让换行，或者换列的各部分元素按照独立的样式进行渲染，活用这种特性，可以让我们的布局和样式表现更上一层。
妙法攻略：渐变虚框及边框滚动动画的纯CSS实现
2018年08月30日，星期四
本文内容如题，介绍几个实现渐变虚线框的方法，介绍虚线滚动动画，实线滚动边框动画的实现，所有这些方法都是纯CSS实现，就算这些动画效果你实际项目用不到，但是其大开眼界的实现原理相信也会给你有所启示的。
一如既往，有demo实例，有源代码展示，和必要的截图，希望本文的内容能够对您的学习有所帮助。
纯CSS实现蜡烛、火焰以及熄灭后烟雾效果
2018年05月16日，星期三本文要展示的效果主要三部分：直立的红烛、跳动的火焰，腾起的烟雾，这三部分都是纯CSS实现的，有兴趣可以看看。
几种CSS渐变背景图片transtion动画方法
2018年03月25日，星期日background-image不支持CSS3 transition，因此，当CSS3 gradient渐变作为背景图片存在的时候，直接设置transition是不会有过渡效果的，那该怎么办呢？
我的应用
我的应用