关于init和done的问题

1. 首先理解前面的动画有三种状态，静态页面样式、动画初始样式、动画最终样式。

2. 用点击代替动画触发条件，共三次点击：

l  第一次从static到init

l  第二次从init到done

l  第三次从done到init

其实 done和 静态的样式效果一样，在代码中设置了 transition:

.screen-5__bg,
.screen-5__subheading,
.screen-5__heading{
transition: all 1s;
}

所以前后发生改变的属性跟着运动，可以测试把 其他屏的 done 的样式去掉，测试下。祝学习愉快。