为了账号安全,请及时绑定邮箱和手机立即绑定

css3中的transform可以用jquery中的animate实现吗?

css3中的transform可以用jquery中的animate实现吗?

海绵宝宝撒 2019-03-16 19:11:46
css3中的transform可以用jquery中的animate实现吗?
查看完整描述

2 回答

?
慕慕森

TA贡献1856条经验 获得超17个赞

好像 jquery animate不支持-webkit-transform,我是试了很多遍都不成功!jquery.css()还支持,
.addw{
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.add{
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5) }
然后用jquery.addclass("addw").addclass("add");这样就可以了!上stack overflow上收的也多半是这种办发

查看完整回答
反对 回复 2019-03-27
?
料青山看我应如是

TA贡献1772条经验 获得超8个赞

代码贴上来看看吧,
transform兼容性不好,需要写很多组,你jq里怎么写的,还有你想达到什么效果,未必一定要把transform用jq来写的,写在css里,另起一个类名,切换类名也可以啊

类似于这样么:

1

2

3

4

5

6

7

8

9

10

11

12

13

.box_02_content section img{ width:100%;

                        -webkit-transition:all 1s;

                        -moz-transition:all 1s;

                        -o-transition:all 1s;

                        transition:all 1s;

}

.box_02_content section:hover img{

                        -webkit-transform:scale(1.2) rotate(2deg);

                        -moz-transform:scale(1.2) rotate(2deg);

                        -ms-transform:scale(1.2) rotate(2deg);

                        -o-transform:scale(1.2) rotate(2deg);

                        transform:scale(1.2) rotate(2deg);

    }

 


查看完整回答
反对 回复 2019-03-27
  • 2 回答
  • 0 关注
  • 1102 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信