定义动画：使用@keyframes定义动画 0%是动画的开始，100%是动画的完成，这样的规则就是动画序列 在@keyframes中规定某项css样式，就能创建由当前样式逐渐改为新样式的动画效果 动画使元素从一种样式逐渐变化为另一种样式的效果，可以改变任意多的样式，任意多的次数 用百分比来规定动画发生的时间，或用关键词from和to，等同于0%和100%

基础的html和css还有js，这里面用到了canvas画布的功能，很多动画都是在画布上完成的。这里的查看规则是可以点开的。所以我们在这里需要用一个div设置为absolute定位，并且再用一个transform: translateX()样式给内隐藏。有的同学就要问了，这个样式可以隐藏东西吗？其实是可以的，我们只要把宽度设为负数就可以了。然后我们在后边js点击查看规则按钮时，往div插入一个css样式，transform: translateX(0)，就可以显示出来了。

该项目主要使用HTML，CSS，JS技术实现，包含站点搭建、网站结构、页面、导航设计、页面交互设计等，主要负责网站结构设计、页面 导航设计与实现。