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