使用css+svg实现支付宝小鸡吃米
效果图：
实现一部分场景与动画，剩下得有时间继续完善
svg方面
主要使用svg画不规则物体，连体山脉与草丛背景都是使用svg一笔画出，路径画法参考
SVG矢量绘图 path路径详解（贝塞尔曲线, 曲线, 平滑直线及弧形）
css3
剩下大部分都是由div+css制作完成，不规则圆形等使用border-radius,不规则四边形使用transform：skew()属性变换，动画使用@keyframes 定义位置动画
效果图：
实现一部分场景与动画，剩下得有时间继续完善
主要使用svg画不规则物体，连体山脉与草丛背景都是使用svg一笔画出，路径画法参考
SVG矢量绘图 path路径详解（贝塞尔曲线, 曲线, 平滑直线及弧形）
剩下大部分都是由div+css制作完成，不规则圆形等使用border-radius,不规则四边形使用transform：skew()属性变换，动画使用@keyframes 定义位置动画
原文：https://www.cnblogs.com/10yearsmanong/p/13091905.html