javascript - jQuery动画集后备

Closed. This question needs details or clarity。它当前不接受答案。
                        
                    
                
            
        
            
        
                
                    
                
            
                
                    想改善这个问题吗？添加详细信息并通过editing this post阐明问题。
                
                    3年前关闭。
            
        

    

是否有可能像在css中那样在jQuery动画函数中设置后备。
因为例如calc（）不适用于所有浏览器。

CSS：

.element {
width: 33.33%;
width: calc(100% / 3);
}

像这样：

$('.element').animate({
'width': 33.33%,
'width': calc(100% / 3)
});

谢谢！

最佳答案

为您想要的任务添加类将是更好的选择

$(document).ready(function(){

      $('.element').addClass('animation');


  })

.element{width:100px;height:100px;background:lightblue}
   .animation{
     animation-fill-mode:forwards;
    animation:move 2s 1 ease-in-out;
    }
    @keyframes move{
       0%{width:100%;}
       }
    100%{width:calc(100%/3);}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="element"></div>