Foundation-toggler-animation
提供:Dev Guides
Foundation-プラグインはアニメーションで切り替え
説明
要素の属性_data-toggler data-animate_を使用して、アニメーション効果を切り替えに適用できます。 Motion UIクラスを使用して、要素はビューに出入りします。
例
次の例は、Foundationでのトグルプラグインの使用を示しています-
出力
上記のコードがどのように機能するかを確認するために次の手順を実行してみましょう-
- 上記のHTMLコード toggle_animationl ファイルを保存します。
- このHTMLファイルをブラウザで開くと、次のように出力が表示されます。