Tomato-Timer-Web-v1.1.1

Optimize:

1. 精简翻牌动画的设计。
   • 把复制出来的要动的牌子，放到一个 div 里，然后只需要动这个 div 即可。
   • 注意要给这个 div 设置 transform-style: preserve-3d;，这样才能正确显示背面。
2. 给翻牌添加 3d 效果。
3. 修改过渡动画为线性，并减少动画时间。
4. 避免多次创建提示音节点。
   • 把提示音节点作为全局变量，网页加载后就把音频下载到本地，需要时就可直接播放。