主要观点：GSAP 的FLIP 插件已免费可用，介绍了在Google I/O 2015 网站和Chrome Dev Summit 网站中使用的 FLIP 原则，它是一种思考动画的方式，通过先获取元素初始和最终状态，计算并反转变化，再开启过渡播放来实现廉价动画，还介绍了在代码中使用 FLIP 的方法，包括普通 JavaScript 和即将到来的Web Animations API，FLIP 适用于响应式网站中响应用户输入后的动画，可利用 100ms 响应窗口进行计算和优化动画，但要注意不要超过该窗口、精心编排动画避免干扰以及避免内容失真等。
关键信息：

• FLIP 代表 First、Last、Invert、Play。
• 可通过 JavaScript 获取元素初始和最终位置，计算并应用反转变换，然后开启过渡播放。
• Web Animations API 需使用 polyfill 才能使用相关代码。
• FLIP 适用于响应式网站中响应输入的动画，利用 100ms 窗口优化。
  重要细节：
• 代码示例展示了如何使用 JavaScript 获取元素位置、计算反转变换并应用过渡播放。
• 提到利用用户感知窗口进行计算和优化动画，如获取getBoundingClientRect或getComputedStyle。
• 指出要注意不要超过 100ms 响应窗口、精心编排动画以及避免内容失真等问题。