关键帧动画是一种通过在时间轴上设置关键位置（关键帧）来定义动画变化的技术。编辑器会自动计算两个关键帧之间的过渡值（插值），从而实现平滑的动画效果。这与Adobe After Effects中的关键帧系统原理一致。

缓动函数控制动画在关键帧之间的变化速率。Linear（线性）保持匀速变化；Ease In（缓入）开始慢后来快；Ease Out（缓出）开始快后来慢；Ease In Out（缓入缓出）两端慢中间快。合理使用缓动能让动画更自然。

时间轴区域支持横向滑动滚动，您可以在手机上通过触摸拖拽关键帧、滑动时间轴来编辑动画。所有控制按钮都针对触屏进行了优化。

X位置：水平移动；Y位置：垂直移动；缩放：元素大小变化（0.5x-2x）；旋转：旋转角度（0°-360°）；透明度：不透明度（0-1）。这些属性可以组合使用，创造出丰富的动画效果。

当前版本支持在浏览器中实时预览和编辑。您可以将关键帧配置复制下来，或使用浏览器的开发者工具查看生成的CSS动画参数。未来版本将支持直接导出CSS关键帧代码（@keyframes）。

编辑器使用requestAnimationFrame以60fps的帧率实时计算插值。在两个关键帧之间，根据您选择的缓动函数，每帧计算当前时刻的精确属性值，然后应用到预览元素上。这保证了动画的流畅度。