Tomato-Timer-Web-v1.1.1

Optimize:

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

Tomato-Timer-Web-v1.1

Fix:

1. 结束计时时，延迟 1 秒才播放提示音。
2. 延迟 1 秒才开始计时。

Optimize:

1. 翻牌动画函数。
2. svg 字符串不编码为 base64，而是转为 URL，节省资源。

Tomato-Timer-Web-v1.0

具备【番茄计时器】基本功能