include following practice

animate

• 砸金蛋demo
• 鼠标悬停反向旋转效果

flex

• 固定的底栏 有时，页面内容太少，无法占满一屏的高度，底栏就会抬高到页面的中间。这时可以采用Flex布局，让底栏总是出现在页面的底部。
• 圣杯布局 圣杯布局（Holy Grail Layout）指的是一种最常见的网站布局。页面从上到下，分成三个部分：头部（header），躯干（body），尾部（footer）。其中躯干又水平分成三栏，从左到右为：导航、主栏、副栏。
• 基本网格布局 最简单的网格布局，就是平均分布。在容器里面平均分配空间，需要设置项目的自动缩放。
• 悬挂式布局 有时，主栏的左侧或右侧，需要添加一个图片栏。
• 流式布局 每行的项目数固定，会自动分行。
• 百分比布局 某个网格的宽度为固定的百分比，其余网格平均分配剩余的空间。

justify

• 两端对齐式布局，仅对行内元素生效

transform

可辅助上述的animate完成动画

• 玩转地球
• 3d旋转立方体