管理人のナオミが書くメルマガ
海外でエンジニア歴10年以上
DiviとElementorに精通
- カテゴリ: Elementorの質問
質問:
Elementorでアニメーションボタンが作りたいのですがどうしたらいいですか？
添付画像のようなアニメーションボタンをElementorで作りたいのですが、どのように設定したらいいですか？
回答:
解決法1
普通のボタンウィジェットの、背景色を消す#ffffff00アンダーラインを引くと似ている感じになります。ホバーした時も、線の色が変わります。
解決法2
そっくりそのままにしたい時は、ボタン＋区切り線で作るのはどうでしょうか？ 区切り線をネガティブマージンで上げて、z-indexで下側に。インナーセクションの中に作れば、複製して増やすこともできます。
解決法3
1,ボタンウィジェットをいれてカラーを透明
2,カラムの編集で枠線に好きなカラーと幅を設定
3,ボタンウィジェットの高度な設定でマージン下にマイナス数値をいれる
解決法４
プラグインのHappy Addonsにある「アニメーションリンクウィジェット」を使えばアニメーション付きの同じようなボタンを実装できます。
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日
コメントはまだありません