全ての要素にはパラメータの３グループがあります。この記事では全般タブで属性、可視性、そしてアニメーションの共通パラメータが理解できます.
可視性
次の例では段落要素です。可視性はこの要素にどのように適用されるかを理解しましょう
このパラメータは別のデバイスに要素を隠すのに役に立ちます。
特定デバイスで要素を隠すことが選択することができます
- デスクトップで隠す
- ラップトップで隠す
- タブレットで隠す
- モバイルで隠す
例
それがどのように機能するかを見てみましょう
次の例、モバイルデバイスで段落要素を隠します。可視性パラメータのモバイルで隠すというオプションを有効する必要があります
ラップトップとタブレットのデバイに切り替えしても段落要素はまだここにあります。
属性
要素HTMLコードの様々なネイティブ属性にカスタム値を設定してカスタムCSS/JSコードにおいて使用することができます。以下のような属性
- ID
- クラス
- 名前
ネイティブ属性に加えて、高度なカスタマイズにカスタム属性を定義することができます
アニメーション
ページがよりアトラクティブになるために、要素にアニメーションを追加する以下の２場合があります
- 表示中：顧客が要素を初めて見たときにはそれに適用するアニメーションを選択します。
- マウスオーバー中：顧客が要素のマウスオーバーを移動した時には要素に適用するアニメーションを選択します。
どんな場合にも多くのアニメーションの選択肢があります。
例
アニメーションの削除方
ここはXボタンを押してアニメーションを削除することができるのです
詳細については、以下のビデオ チュートリアルをご覧ください。
