我想删除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/