使用css+svg实现支付宝小鸡吃饭效果图：实现部分场景和动画，有时间继续完善svg在svg方面，主要是使用svg来绘制不规则物体，一幅山草背景用svg一笔画出，路径绘制方法参考SVG矢量图（贝塞尔曲线、曲线、平滑线和圆弧）中path路径详解。css3剩下的大部分都是div+css做的。不规则圆使用border-radius，不规则四边形使用transform:skew()属性变换，动画使用@keyframes定义位置动画github：github地址动画展示：鸡吃饭
使用css+svg实现支付宝小鸡吃饭效果图：实现部分场景和动画，有时间继续完善svg在svg方面，主要是使用svg来绘制不规则物体，一幅山草背景用svg一笔画出，路径绘制方法参考SVG矢量图（贝塞尔曲线、曲线、平滑线和圆弧）中path路径详解。css3剩下的大部分都是div+css做的。不规则圆使用border-radius，不规则四边形使用transform:skew()属性变换，动画使用@keyframes定义位置动画github：github地址动画展示：鸡吃饭