- カテゴリ: Elementorの質問
質問:
ElementorプラグインUnlimited Elementsのハンバーガーメニューでアニメーション速度の調整はどうしたらできますか?
Elementorのプラグイン「Unlimited Elements」でメニューをクリックした際に、三本線が矢印や×などに変化するエフェクトアニメーションがあります。(ハンバーガーメニュー)このアニメーションの速度を調整したいのですが、どこで調整するのかわかりません。
このウィジェットの管理画面に細かい設定をする画面があるのですが、設定箇所がよくわかりませんでした。この辺いじると調整できるよといったことが分かる方いらっしゃたら教えていただけますか?
回答:
アニメーションハンバーガーメニューの設定画面
Unlimited Elements > Edit Widget > Animated Hamburger Icon
のCSS項目に
.uc_hamburger .uc_line{
-webkit-transition: all 1.3s ease-in-out !important;
-o-transition: all 1.3s ease-in-out !important;
transition: all 1.3s ease-in-out !important;
}
を追加するとエフェクトアニメーションを調整することができます。
クラス名 .uc_line に0.3sのアニメーションがすでに設定されていますので、!importantで優先順位を変更し、もともとの設定を新しい設定で上書きする処置を行うと、エフェクトスピードをコントロールすることができます。
1.3sと設定している箇所の数字を変更することで、アニメーションスピードをコントロールできます。
TOFUラボに入れば更に多くの質問と回答のログが見れます!
関連した質問
Elementor のTable of Contentsウィジェットで見出しがないとき隠したい
2024年4月2日
コメントはまだありません
Elementorでテキストを左右で分けたい。メニューは左、値段は右で揃えたい。どうするの?
2023年10月7日
コメントはまだありません
内部セクションが無くなった!コンテナで代用できるの?
2023年9月30日
コメントはまだありません
Elementorで1つのアーカイブ内に複数のカスタム投稿を表示したい
2023年8月3日
コメントはまだありません
WordPressのログイン画面の編集はできるのでしょうか?
2023年8月3日
コメントはまだありません
Elementorのレシポンシブ対応時のモバイル画像の大きさが上手く設定できません
2023年8月3日
コメントはまだありません