CSS3转换函数定义 Morf.js

fmms 13年前
     <p><a href="/misc/goto?guid=4958191120760154877"><img title="CSS3转换函数定义 Morf.js" border="0" alt="CSS3转换函数定义 Morf.js" src="https://simg.open-open.com/show/2c7f91ea2e79639ee2c5f9852026a5a2.jpg" width="500" height="212" /></a></p>    <p>Morf.js 提供了一组 JavaScript 方法用于加速 CSS3 的各种转换效果,支持的方法都在上图中,无需编写 CSS3 代码。</p>    <p>示例代码:</p>    <pre class="brush:javascript; toolbar: true; auto-links: false;">// Get a reference to the element  var elem = document.getElementById('elem');    var trans = Morf.transition(elem, {          // New CSS state          '-webkit-transform': 'translate3d(300px, 0, 0) rotate(90deg)',          'background-color': '#FF0000'      }, {          duration: '1500ms',          timingFunction: 'bounce',          callback: function (elem) {              // You can optionally add a callback option for when the animation completes.          }      });</pre>项目地址:    <a href="/misc/goto?guid=4958191120760154877" target="_blank">https://github.com/joelambert/morf</a>    <p></p>