Omi 拥抱 60FPS 的 Web 动画

Omi 框架 正式发布了 → omi-transform。

Made css3 transform super easy. Made 60 FPS easy.

Omi 拥抱 60FPS 的 Web 动画 - 图1

作为 Omi 组件化开发特效运动解决方案，让你轻松在Omi项目里快速简便支持CSS3 Transform设置。css3transform 是经受过海量项目洗礼的，作为移动 Web 特效解决方案，在微信、手Q兴趣部落、日迹、QQ群、QQ附近等项目中广泛使用，以激进的修改DOM属性为代价，带来极为便利的可编程性。

你可以通过css3transform 官方首页快速了解它。

上面官网的例子都是原生 js 的，css3transform 也拥有react版本，你也可以在 react 中以声明式的方式使用 css3transform：

  1. render() {
  2.     return (
  3.         <Transform
  4.           translateX={100}
  5.           scaleX={0.5}
  6.           originX={0.5}>
  7.           <div>你要运动的 DOM</div>
  8.         </Transform>
  9.     )
  10. }

这都不是重点，重点是 omi-transform。