如何逆转过渡?

时间:2014-10-13 10:09:44

标签: css3 transition

我有从高度:0,宽度:0到某个宽度的过渡。它工作得很好,从左下角到右上角。现在我想如果我将浮动更改为“右”,则转换将从右下角到左上角。有没有办法实现这种转变?

的CSS:

.ablauftext{
    height:0;
    width:0;
    position:absolute;
    overflow:hidden;
    background-color:white;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;    
    bottom:90px;
}

.active{
    height:400px;
    width:400px;    
}

的javascript:

$('#planung').click(function(){
    if(!$current.is('#planungtext')){
        $($current).removeClass('active');
        setTimeout(function(){$('#planungtext').addClass('active')}, 1000);
        $current = $('#planungtext');
    }
});

我的元素上只有浮点数的ID,所以我不认为我必须在这里添加这个CSS。

1 个答案:

答案 0 :(得分:0)

现在正在运作,我只需添加一个正确的位置,就像这样:

.yourdiv{
   right:anyamount;
}