了解了核心，那么我们来试试实现上面的效果。 怎么不太对，圆角哪里去了，起点怎么变成右方。 既然核心函数没有圆角，那么就是别的地方设置。 这行代码，加上去后就有了圆角。 但是起点不太对啊。效果图是从顶部开始。 可以看到。0是在右方，而1.5才是开始，于是我们先设置开始为 1.5 …

本文是笔者写CSS时常用的套路。不论效果再怎么华丽，万变不离其宗。 有时候，我们需要给多个元素添加同一个动画，播放后，不难发现它们会一起运动，一起结束，这样就会显得很平淡无奇。 那么如何将动画变得稍微有趣一点呢？很简单，既然它们都是同一时刻开始运动的，那么让它们不在同一时刻运动…