jQuery animate set fallback

Question

是否可以在css中设置jQuery动画函数内的回退。 因为例如calc（）在所有浏览器中都不起作用。

CSS：

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

类似的东西：

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

谢谢！

Answer 1

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

＆＃13;

＆＃13;

$(document).ready(function(){

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

＆＃13;

.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);}

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;