0

onclick で削除したい要素のリストがあります。要素を非表示にする追加の css クラスを要素に与えます。css のクラスは、 animate.cssを使用してアニメーション (FadeOutLeft) を使用して要素が消えることを示しています。

@keyframes fadeOutLeft {
0% {
    opacity: 1;
    transform: translateX(0);
}
100% {
    opacity: 0;
    transform: translateX(-20px);
}

}

問題は、「display:none」を 100% で使用できないことです。理由はわかりませんが、うまくいきません。だから私がやりたいのは、100% に margin-bottom:-{現在の要素の高さ} px を与えることです。また、「translateX()」をその値に設定したいと思います。だから私がしなければならないことは、要素の高さをより少なくすることです。Lessでjavascriptを使用するとこれは可能ですか?

4

1 に答える 1

0

LESS は CSS にコンパイルされるだけなので、LESS でランタイム評価を行うことはできません。あなたの最善の策は、display: none;最終的に適用されるアニメーションを作成することです. または、すべてを JavaScript で行います ;)

于 2013-05-23T01:17:06.903 に答える