css - Angular 2+，使用 ngClass 以缓慢的过渡速度从右到左浮动

Question

使用角 2+

我试图让标签根据布尔值从左到右并向后浮动（单击按钮会改变）

这有效：

<div class="col-md-3">
    <label class="title-text" [ngClass]="myBoolValue ? 'float-right' : 'float-left'">SomeText</label>
</div>

但是，添加一个过渡使其缓慢浮动是行不通的。我尝试使用我自己的具有1.5sec 转换速度的类，而不是引导程序默认的“float-right”和“float-left”：

.f-right {
    transition : all 1.5s ease;
    float: right;

}


.f-left {
    transition : all 1.5s ease;
    float: left;
}

仍然没有缓慢工作，知道为什么，有什么建议吗？

标签： cssangularcss-transitions