摘要：小球碰到一面壁之后一般都会反弹，反射角=入射角； 其实用css3来实现这个效果也非常简单。 首先，分解一下小球的运动：水平运动和垂直运动。 当小球往右下方向运动时，如果碰到了下面的壁，那么由于碰撞，小球受到了垂直于墙壁的力（即向上的力），这样的话水平运动是不会受到影响的，只有垂直运动受到了影响。所以 阅读全文

摘要：写几个简单的加载中动画吧。 像前面三种都是相当于几个不同的点轮流来播放同一动画：变大变小。css3里面有一个用于尺度变换的方法：scale(x,y)：定义 2D 缩放转换，改变元素的宽度和高度。 第四种就是一个小球从上往下跌落，再弹回去，在上面的时候速度最小，下面的时候速度最大。由于该小球只进行了上 阅读全文

摘要：今天就写一个css3抛物线的动画吧= = 从左到右的抛物线动画，我们就暂且把动作分为匀速向右运动和变速的上下运动。 水平匀速运动我们可以利用 translateX(x)：定义 2D 转换，沿着 X 轴移动元素；以及linear：动画从头到尾的速度是相同的 这两个属性值来实现； 上下的匀变速运动可以利 阅读全文