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>