效果图：
小方块缩小放大动画殊效
HTML代码：
<div class=\"大众tui-demo-3\"大众></div>
CSS代码：
<style type=\公众text/css\"大众> .tui-demo-3 { width: 100px; height: 100px; background: #1E9FFF; margin: 50px auto; animation: tui-demo-3 2.0s infinite; } @keyframes tui-demo-3 { 0% { transform: scale(0.3); } 50% { transform: scale(1); } 100% { transform: scale(0.3); } }</style>
知识点：
animation：是CSS3的动画属性，这里把animation绑定到tui-demo-3元素上，并指定该动画须要2.0秒完成，infinite则表示无限次播放该动画。
@keyframes：该规则表示动画可以逐步从一个CSS样式改变为另一个CSS样式。这里0％是动画开头，100％是动画结束。
transform：该属性运用于2D元素或3D元素的转换，许可元素发生旋转，缩放，移动，倾斜等效果。scale定义2D缩放，可以配置缩放大小。
末了把稳下浏览器兼容问题，-webkit-,-ms-或-moz-，有问题可以留言，大家一起学习HTML+CSS根本入门开拓。
