我们监听mousemove事件，当事件触发时，创建一些 div，花朵，红心和气泡作为div的背景图片。并将他们的位置设置为鼠标指针的位置，然后使用settimeout在几秒钟之后将其删除后：

在了解animtion之前，我们有必要先了解css的坐标系，因为很多的animation效果都和元素的坐标密切相关。在css3中网页不再是一个二维平面，而是一个三维空间，水平方向、竖直方向和垂直屏幕方向分别对应三维坐标系的x，y，z轴，如下图所示。箭头方向为正向，反之为负向（注意y轴方向与常规笛卡尔坐标系相反）。