怪兽吃豆动画

开发工具与关键技术：DW
作者：Mr_恺
撰写时间：2019.01.27

在日常浏览网页中可以看到怪兽吃豆动画，现在让我们一起制作吧

如:

因为放不进视频，为了你们能看见效果，只能搞GIF格式的图片，GIF录制时有间隔的，录出的效果不是很好哈，请谅解，能看出效果就行

HTML布局：

怪兽1 css样式：

设置动画效果：

怪兽1效果：

怪兽2 css样式：

设置动画效果：

怪兽2效果：

注意看怪兽1和怪兽2的旋转的角度都是不一样的，然后通过外边距把他们和在一起
把怪兽1和怪兽2合在一起效果如下：

小球制作css:

这样就能完成啦，效果：