He Manyuan

实现效果： 素材： 思路： 逐帧动画，设置素材图片在每一帧的位置移动。 刚开始的思路是把素材图片作为动画区域的background-image，然后再通过animation来改变background-position。但是实际操作之后发现这样做实际上是平滑过渡，没有达到我想要的效果，后来了解到了steps这个函数。 steps实际上是animation-timing-function的参数，以为不连续执行动画。 steps有两个参数，第一个参数是要分布执行的步数，在本例中，我的素材图片一共有29帧，也就

昨天读了大漠老师的《CSS现状和如何学习》一文，遇到了一个让我“翻车”的问题。 例： .red { color: red } .blue { color: blue } <div class="red blue">Text1<div> <div class="blue red">Text2<div> 那么问题来了？Text1和Text2最终都会呈现出什么样式？ 再比如： .a { color: red; } .b { color: blue