最近学了一点CSS动画的属性看了課程之后，重新做了一下心跳跳动的小demo

生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位

生成绝对定位的元素，相对于瀏览器窗口进行定位

生成相对定位的元素，相对于其正常位置进行定位

规定应该从父元素继承 position 属性的值。

通过 @keyframes 规则您能够创建动画。

创建动画的原理是将一套 CSS 样式逐渐变化为另一套样式。

在动画过程中您能够多次改变这套 CSS 样式。

以百分比来规定改变发生的时间戓者通过关键词 "from" 和 "to"，等价于 0% 和 100%

0% 是动画的开始时间，100% 动画的结束时间

为了获得最佳的浏览器支持，您应该始终定义 0% 和 100% 选择器

以上内容均来自菜鸟教程（）

此次心跳的图形由三部分组成，并使用border-radius属性进行圆角使用transform属性进行图片缩放，rotate属性进行角度变化旋转，防止看起來比较僵硬的变化

  /* 改变心跳颜色时这部分要同时进行改变 */ 


   原生JS实现《黑客帝国》代码雨开头