30.《html+CSS3实现跳动爱心》

笔记：

1. 设置阴影：box-shadow: 0 0 80px red;/*设置阴影效果，其值分别表示水平偏移量，竖直偏移量，阴影大小，颜色*/

2.动画：animation: 动画名 动画时间 是否匀速(linear) 延迟  是否反复(infinte)  是否终点停止;

3.居中：margin:100px auto;    100px表示上下居中像素100px  auto表示左右居中

4.变换：transform: rotate(45deg); 表示偏移45度，scale()表示放大倍数  scaley上下放大。

5.优先级：z-index()    当括号里面是>0的数字表示提升优先级，反之降低优先级。