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

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

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

芜湖不芜 2019-05-16 16:10:05
css3中的transform可以用jquery中的animate实现吗?
查看完整描述

2 回答

?
桃花长相依

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

好像 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-05-17
?
偶然的你

TA贡献1841条经验 获得超3个赞

代码贴上来看看吧,
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-05-17
  • 2 回答
  • 0 关注
  • 524 浏览
慕课专栏
更多

添加回答

举报

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