css - 如何反向过渡？

Question

我有一个从 height:0, width:0 到特定宽度的过渡。它工作正常，从左下角到右上角。现在我想如果我将 float 更改为“右”，过渡将从右下角到左上角。有什么方法可以实现这种转变吗？

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

我的元素只有 float ，所以我认为我不必在此处添加此 CSS。

Answer 1

它现在可以工作了，我只需要添加一个正确的位置，就像这样:

.yourdiv{
   right:anyamount;
}