jquery中animate的transform scale用法 为什么我老是没有效果

2020-10-14 教育 213阅读

可以通过addClass()方法来代替此动作:

比如想旋转一个icon:

在css中加入一个class

[css] view plain copy

  • .add_transform{

  • transform:rotate(180deg);

  • -ms-transform:rotate(180deg);    

  • -moz-transform:rotate(180deg);   

  • -webkit-transform:rotate(180deg); 

  • -o-transform:rotate(180deg);    

  • transition: all 0.5s ease-in-out;

  • -moz-transition: all 0.5s ease-in-out; 

  • -webkit-transition: all 0.5s ease-in-out; 

  • -o-transition: all 0.5s ease-in-out; 

  • }


  • 然后通过$("选择器").toggleClass(".add_transform");来使icon的旋转变为动画效果。

    或者下载补丁(加一个js文件):

    https://github.com/zachstronaut/jquery-animate-css-rotate-scale/

声明:你问我答网所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流。若您的权利被侵害,请联系fangmu6661024@163.com