3D和2D转换的jQuery插件 TransformJS

码农软件 · 软件分类 · 其他jQuery插件 · 2020-01-07 06:59:36

软件介绍

2D and 3D transforms as regular CSS properties you can set using .css() and animate using .animate()

示例代码;

$(document).ready(function() {
$('#forward').click(function() {
  $('#test').animate({
    translateX:'-=150',
    translateY:'+=150',
    scale:'+=2',
    rotateY: '+='+(2*Math.PI),
    rotateX: '+='+Math.PI,
    rotateZ: '+='+Math.PI
  },1500);   
}); 

$('#backward').click(function() {
  $('#test').animate({
    translateX:'+=150',
    translateY:'-=150',
    scale:'-=2',
    rotateY: '-='+(2*Math.PI),
    rotateX: '-='+Math.PI,
    rotateZ: '-='+Math.PI
  },1500);
})
});

 

本文地址:https://www.codercto.com/soft/d/22832.html

Web开发秘方

Web开发秘方

Brian P. Hogan、Chris Warren、Mike Weber、Chris Johnson、Aaron Godin / 七印部落 / 华中科技大学出版社 / 2013-7-10 / 66.00元

猜猜硅谷的前端工程师怎么折腾JS的?想知道无限下拉的列表怎么做吗?你知道DropBox可以当Web服务器用吗?你知道怎么做出跨平台的幻灯片效果吗?不借助插件,怎样在移动设备上实现动画效果?怎样快速搭建和测试HTML电子邮箱?怎样制作跨PC和移动设备显示的应用界面?怎样利用最新的JavaScript框架(Backbone和Knockout)提高应用的响应速度?怎样有效利用CoffeeScript和S......一起来看看 《Web开发秘方》 这本书的介绍吧!

HTML 压缩/解压工具
HTML 压缩/解压工具

在线压缩/解压 HTML 代码

UNIX 时间戳转换
UNIX 时间戳转换

UNIX 时间戳转换

RGB CMYK 转换工具
RGB CMYK 转换工具

RGB CMYK 互转工具