我想删除wile之后的border属性(此处为1秒)。我也想将其顺利移除。这是我的尝试:



var elem = $('div').css({'border-top':'6px solid #FC9A24',
		              'border-left':'1px dashed #FC9A24',
		              'margin-top':'-6px'});
setTimeout(function() { elem.css({"transition":"border-color .5s ease"});}, 1000);

div{
    padding: 10px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<div>Text</div>





但是如您所见,border不会删除。我该如何解决?

注意:background-color的类似代码也可以使用。

最佳答案

过渡与css属性并行进行,您不能仅仅自己进行过渡。这是您完成任务的方式。

var elem = $('div').css({'border-top':'12px solid green',
                          'border-left':'12px solid blue'});

$('button').click(function() {

setTimeout(function()
           {

              elem.css({'border-top':'0px solid green',
                      'border-left':'0px solid blue','transition':'border-top 5s ease, border-top 2s ease'});
           }, 1000);
     });


http://jsfiddle.net/0bm4wq7h/16/

关于javascript - 为什么过渡对边境属性(property)不起作用?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/34008930/

10-12 03:56
查看更多