私のHTMLは、私が$ scope.cardSetMenuNavStyleを変更することで、簡単なサイドメニューを実装する複数のCSSトランジション
$scope.openCardSetMenu = function(cardSet) {
$scope.cardSetMenuNavStyle = {'transition':'0.25s', 'left':'100%')};
$scope.cardSetMenuNavStyle = {'transition':'0.25s', 'left':'50%')};
};
変数。
HTML要素カードセットメニューナビが左に置かれます：100％が次に左に引き出されます：50％のようになります。
しかし、動作しません。最初のアンフォールディングの後では全く動きません...最終結果が同じなので、遷移は無視されますか？
HTML要素に複数のCSSトランジションを適用するにはどうすればよいですか。
ご協力いただきありがとうございます。
あなたはopenCardSetMenu機能内のスタイルを設定し、関数が呼び出されると、余分な閉じかっこを削除していることを確認）、角度コードの行の両方で ..
まず、余分なを削除スタイル宣言の末尾に括弧)があります。
2番目：AngularJSを本当に使用する必要がありますか？私は代わりにCSS transitionを使用して、コンマとtransition-delayのプロパティでトランジションを「連結」できると思います。
遷移の詳細については、W3SchoolsのCSS3 Transitionsを参照してください。
W3Schoolsへのリンクを投稿しないでください（または、それらについてはまったく使用しないでください）。[here]（http://w3fools.com ）説明のために – MayorMonty
@MayorMonty OKですが、この場合、そのページには役立つ十分に機能的な例があります。 – Davdriver
問題は、W3Schoolsが私的に管理されているため、[MDN]（https://developer.mozilla.org）や[Web Platform Docs]（http：//www.webplatform。 org /）、それはよくスペックの背後にあります。 – MayorMonty
CSS transitionsプロパティはそうのような複数の異なる性質のための移行をサポートしています。
element {
transitions: 0.2s left 0.3s color 0.4s 0.8s all
}
、あなたは一つの要素に複数のトランジションを設定している場合、私はあなたをお勧めしますがanimationプロパティを見て、カスタムイージングを設定します。 AngularJSでこれらを実装する場合、私はそれに精通していませんが、ng-styleの指示文を使用する必要があるようです。
スタイル宣言の末尾に余分な括弧（）があります – LGSon