原理是通过大量的css3属性来实现的，如：animation、transform、keyframes等等属性，示例采用了结构性伪类选择符E:nth-child(n)，来进行对HTML元素的选择以及控制输出，感兴趣的朋友可以了解下

这个示例的原理是通过大量的css3属性来实现的，如：animation、transform、keyframes等等属性。值得注意的是这个示例采用了结构性伪类选择符E:nth-child(n)，来进行对HTML元素的选择以及控制输出。相信这个伪类选择符在将来会是一个很强大的一个工具。推荐大家多多了解以及实践使用。这个伪类选择符E:nth-child(n)的含义是匹配父元素的第n个子元素E。 例如：ul li:nth-child(3)表示的是选择元素里面的第3个。提示一下，该属性在IE8（包含IE8