Question

我试图动态改变css过渡时间但没有成功......
我已经搜索过了，但我不明白如何使用语法：

var myDiv = $('.myDiv');
var papa = 2;
var pepe = $('.myDiv').left();
var popo = ((pepe - 10) * 0.35);


function pause(){
  myDiv.css({
      left: myDiv.css('left')
  });
}

function goRight(){
  myDiv.css({
      transition: "left " + papa + "s linear",
      left: 250
  });
}

function goLeft(){
  myDiv.css({
      transition: "left " + popo + "s linear",
      left: 0
  });
}

Answer 1

transition: <property> || <duration> || <timing-function> || <delay> [, ...];

请注意，如果指定了后者，则持续时间必须在延迟之前。单个转换结合在速记声明中：

-webkit-transition: left 0.3s ease-out, opacity 0.3s ease 0.5s;
-moz-transition: left 0.3s ease-out, opacity 0.3s ease 0.5s;
-ms-transition: left 0.3s ease-out, opacity 0.3s ease 0.5s; /* IE10 is actually unprefixed */
-o-transition: left 0.3s ease-out, opacity 0.3s ease 0.5s;
transition: left 0.3s ease-out, opacity 0.3s ease 0.5s;

然后：

myDiv.css({

      // Repeat value for each transition to be compatible to all browsers

  });

jquery - 动态更改css转换时间的语法

1 个答案: