steps()有一定的学习难度，很多概念总是搞不清楚，所以本文算是个自我挑战，看看能不能说清楚steps()中的相关概念，方便大家理解与学习。本文有些篇幅，有些深入，如果您时间较紧，可以先马后看。总之，希望本文的内容能够对您的学习有所帮助。
“CSS相关”目录存档
CSS3 animation属性中的steps功能符深入介绍
2018年06月11日，星期一纯CSS实现蜡烛、火焰以及熄灭后烟雾效果
2018年05月16日，星期三本文要展示的效果主要三部分：直立的红烛、跳动的火焰，腾起的烟雾，这三部分都是纯CSS实现的，有兴趣可以看看。
AMCSS（CSS属性模式）开发简介
2018年03月25日，星期日AMCSS是Attribute Modules for CSS的缩写，表示借助HTML属性来进行CSS相关开发。传统我们多个模块特性是通过多个类名进行控制的，而AMCSS则是基于属性控制……
几种CSS渐变背景图片transtion动画方法
2018年03月25日，星期日background-image不支持CSS3 transition，因此，当CSS3 gradient渐变作为背景图片存在的时候，直接设置transition是不会有过渡效果的，那该怎么办呢？
CSS :default伪类选择器简介
2018年03月15日，星期四CSS3 :default伪类选择器作用设计的作用是让用户在选择一组数据的时候，依然知道默认选项是什么，否则其他选项一多，选着选着就不知道默认提供的是哪个了，算是一种体验增强策略。作用不是很强烈，但是关键时刻却很有用。
CSS, SVG和canvas分别实现文本文字纹理叠加效果
2018年02月27日，星期二本文这里所说的叠加，就是混合模式中的叠加，也就是说，本文要实现的效果是，文字本身的颜色和纹理进行叠加，而非直接填充纹理。
CSS, SVG和canvas都能实现类似的效果，我们一个一个来看一下……
小tips: 纯CSS显示JS/HTML等源代码行数
2018年02月1日，星期四如图，纯CSS显示JS/HTML等源代码行数，希望实现的方法可以给大家带来更多的思路和灵感。
CSS改变插入光标颜色caret-color简介及其它变色方法
2018年01月28日，星期日有这样一个需求，改变输入光标的颜色，同时不改变输入框文字原本的颜色，在以前，如果产品经理提这样的需求，多半都会被开发一板子打过去。而如今，实际上已经有了天然针对此需求的属性caret-color。同时本文还会介绍其他一些改变光标颜色不改变文字颜色方法。希望本文能够对你的学习有所帮助。
详细了解CSS :focus-within伪类及其交互应用
2018年01月21日，星期日:focus-within伪类原本设计的作用是原生表单元素focus时候，祖先<form>元素可以也有状态变化。
但是在我看来，:focus-within功能之强悍，远远不是仅仅和祖先<form>元素玩过家家这么简单。
理论上，只要页面上任意一个元素focus，通过:focus-within就能对页面上任意的元素进行样式控制…
10个demo示例学会CSS3 radial-gradient径向渐变
2017年11月23日，星期四实际开发的时候，当要使用radial-gradient径向渐变的时候，脑中会有大概的语法，但是细节却记不住，于是想快捷找个案例看看具体怎么用，然后直接套一下，本文就是满足类似此需求而写，共展示了10例常见使用案例，相信一定可以覆盖你的使用场景的。
我的应用
我的应用