CSS制作扑通扑通的爱心动画

本篇经验主要讲述如何利用CSS制作扑通扑通的爱心动画。

工具/原料

HBuilder

电脑

HTML

1、写两个div。

CSS

1、简单设置两个div的样式。

2、磨平nei的两个角。

3、将nei旋转45度。

4、同样的方法再制作一个，这次旋转-45deg.

5、调整两个nei的距离。

6、制作动画jump。0%时，爱心缩放到原来的0.2倍，透明度为0.5；100%时，爱心缩放到原来的1倍，透明度为1。

7、将动画jump应用到nei上。

8、这样动画就做好了，点击运行一下吧。