CSS3新特性
利用CSS3新特性制作，具有跳动效果的心
使用软件：
1、 HBulider
2、 火狐浏览器
使用知识点
CSS3新特性：
1.border-radius 属性是一个最多可指定四个 border -*- radius 属性的复合属性，简单来说就是倒圆角函数。
2.Transform属性应用于元素的2D或3D转换。这个属性允许你将元
素旋转，缩放，移动，倾斜等。
3.通过 @keyframes 规则，您能够创建动画。创建动画的原理是，
将一套 CSS 样式逐渐变化为另一套样式。在动画过程中，您能够多
次改变这套 CSS 样式。以百分比来规定改变发生的时间，或者通过
关键词 “from” 和 “to”，等价于 0% 和 100%.0% 是动画的开始时
间，100% 动画的结束时间。为了获得最佳的浏览器支持，您应该
始终定义 0% 和 100% 选择器。
4.box-shadow 属性向框添加一个或多个阴影。
总结
三个颜色相同的正方形，两个倒圆角，一个旋转45度，调整好位置，堆叠成一个心形。CSS3新特性@keyframes属性，再加一点阴影，即可。
源码链接：https://pan.baidu.com/s/1wTTTGhitSK4R3nNYryLGQQ
提取码：5908