Morf.js 介绍
Morf.js 提供了一组 JavaScript 方法用于加速 CSS3 的各种转换效果,支持的方法都在上图中,无需编写 CSS3 代码。
示例代码:
// 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. } });
Morf.js 官网
https://github.com/joelambert/morf
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。