测试Naboo.transition函数

点击start按钮,红色矩形fade out

省略时长、缓动曲线、延迟等参数,动画默认执行400ms,不延迟

延迟200ms开始动画

测试Naboo串行动画

点击start按钮,第一个红色矩形先纵向扩大1倍,第二个红色矩形再纵向扩大1倍

测试Naboo并行动画

点击start按钮,2个红色矩形均纵向扩大1倍

测试Naboo串并行动画混合

点击start按钮,观看龟兔赛跑,动画步骤如下

  1. 裁判宣布比赛开始
  2. 乌龟和兔子同时出发
  3. 兔子走到一半,发现乌龟很慢,决定停下来睡一觉等等乌龟
  4. 乌龟锲而不舍,爬到终点
  5. 裁判宣布乌龟胜利
  6. 兔子惊醒,懊悔不已
兔子
乌龟