Md. Jwel Miah

<p><a href="https://wordpress.creativegigs.net/docly/buttonz-buttons/" rel="nofollow ugc">Live Demo</a></p>
<p>With ButtonZ Elementor addon you can create any type of great-looking CSS3 WordPress buttons in very short time. The button editor with Elementor live preview makes it a snap to generate awesome responsive buttons in very little time.</p>
<p>In a website, we need to create many types of buttons. The Elementor default button widget has very limited options. You can’t even apply a hover shadow effect with that widget as well as you can not imagine creating complex buttons.<br />
ButtonZ plugin fulfills all of these limitations and gives you super flexibility for creating incredible buttons. It has many extra options available than the Elementor’s default button widget.</p>
<p>A ton of customization options available for the ButtonZ Elementor widget. You can create complex buttons using these options with 150+ amazing effects and transitions.</p>
<h4>Features</h4>
<ul>
<li>WPML compatible</li>
<li>Unlimited Normal Button, Line Button, Border Button, 3D button</li>
<li>4 Type Button with unlimited possibilities</li>
<li>Use gradient colors</li>
<li>Button typography controls</li>
<li>Google Fonts</li>
<li>Button Border</li>
<li>Border Radius</li>
<li>Border Style</li>
<li>Text Color</li>
<li>Text Hover Color</li>
<li>Text Align</li>
<li>Button Shadow</li>
<li>Button Hover Shadow</li>
<li>Button Shadow Color</li>
<li>Button Shadow Hover Color</li>
<li>Button Padding</li>
<li>Button Height,width</li>
<li>Button Background-color</li>
<li>Button Hover Background-color</li>
<li>
<p>Button Align</p>
</li>
<li>
<p>150+ button hover effects</p>
</li>
<li>27+ 2D hover transition effects – <a href="https://wordpress.creativegigs.net/docly/buttonz-buttons/#2d-transitions" rel="nofollow ugc">Live Demo</a></li>
<li>16+ Background hover transition effects – <a href="https://wordpress.creativegigs.net/docly/buttonz-buttons/#background-transitions" rel="nofollow ugc">Live Demo</a></li>
<li>28+ Icon hover transition effects – <a href="https://wordpress.creativegigs.net/docly/buttonz-buttons/#icon-transitions" rel="nofollow ugc">Live Demo</a></li>
<li>16+ Border hover transition effects – <a href="https://wordpress.creativegigs.net/docly/buttonz-buttons/#border-transition" rel="nofollow ugc">Live Demo</a></li>
<li>7+ Shadow and Glow hover transitions – <a href="https://wordpress.creativegigs.net/docly/buttonz-buttons/#shadow-glow" rel="nofollow ugc">Live Demo</a></li>
<li>8+ Speech bubbles hover transitions effect – <a href="https://wordpress.creativegigs.net/docly/buttonz-buttons/#speech-bubble" rel="nofollow ugc">Live Demo</a></li>
<li>
<p>4+ Curls hover effect transitions – <a href="https://wordpress.creativegigs.net/docly/buttonz-buttons/#border-transition" rel="nofollow ugc">Live Demo</a></p>
</li>
<li>
<p>Control the button icon individually</p>
</li>
<li>Font icon and image icon supported parallelly</li>
<li>Themify, Elegant font icon support</li>
<li>Icon Spacing, Icon Position, Icon Hover Animation, Icon Size, Icon Box Size</li>
<li>Icon Margin, Icon Border Radius, Icon Icon Color, Icon Background Color.</li>
</ul>
<h3>Privacy Policy</h3>
<p>ButtonZ – Elementor Addon uses <a href="https://appsero.com" rel="nofollow ugc">Appsero</a> SDK to collect some telemetry data upon user’s confirmation. This helps us to troubleshoot problems faster & make product improvements.</p>
<p>Appsero SDK <strong>does not gather any data by default.</strong> The SDK only starts gathering basic telemetry data <strong>when a user allows it via the admin notice</strong>. We collect the data to ensure a great user experience for all our users.</p>
<p>Integrating Appsero SDK <strong>DOES NOT IMMEDIATELY</strong> start gathering data, <strong>without confirmation from users in any case.</strong></p>
<p>Learn more about how <a href="https://appsero.com/privacy-policy/" rel="nofollow ugc">Appsero collects and uses this data</a>.</p>


ButtonZ – Elementor Addon

DmtLo

Wow-Company

<p>All effects make use of a single element (with the help of some pseudo-elements where necessary), are self contained so you can easily copy and paste them.</p>
<p>Many effects use CSS3 features such as transitions, transforms, and animations. Old browsers that don’t support these features may need some extra attention to be certain a fallback hover effect is still in place.</p>
<h4>Main features</h4>
<ul>
<li>39 hover effects</li>
<li>Ease for use</li>
<li>Use in menu</li>
<li>Use for any element</li>
</ul>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/XGO9Tn5vxdk?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h4>2D Transitions</h4>
<ul>
<li>Grow</li>
<li>Shrink</li>
<li>Pulse</li>
<li>Pulse Grow</li>
<li>Pulse Shrink</li>
<li>Push</li>
<li>Pop</li>
<li>Bounce In</li>
<li>Bounce Out</li>
<li>Rotate</li>
<li>Grow Rotate</li>
<li>Float</li>
<li>Sink</li>
<li>Bob</li>
<li>Hang</li>
<li>Skew</li>
<li>Skew Forward</li>
<li>Skew Backward</li>
<li>Wobble Horizontal</li>
<li>Wobble Vertical</li>
<li>Wobble To Bottom Right</li>
<li>Wobble To Top Right</li>
<li>Wobble Top</li>
<li>Wobble Bottom</li>
<li>Wobble Skew</li>
<li>Buzz</li>
<li>Buzz Out</li>
<li>Forward</li>
<li>Backward</li>
</ul>
<h4>Shadow and Glow Transitions</h4>
<ul>
<li>Shadow</li>
<li>Grow Shadow</li>
<li>Float Shadow</li>
<li>Glow</li>
<li>Shadow Radial</li>
<li>Box Shadow Outset</li>
<li>Box Shadow Inset</li>
</ul>
<h4>Speech Bubbles</h4>
<ul>
<li>Bubble Top</li>
<li>Bubble Right</li>
<li>Bubble Bottom</li>
<li>Bubble Left</li>
<li>Bubble Float Top</li>
<li>Bubble Float Right</li>
<li>Bubble Float Bottom</li>
<li>Bubble Float Left</li>
</ul>
<h4>Use with other plugins to maximize your results</h4>
<ul>
<li><a href="https://wordpress.org/plugins/popup-box/" rel="ugc">Popup Box – new WordPress popup plugin</a></li>
<li><a href="https://wordpress.org/plugins/counter-box/" rel="ugc">Counter Box – powerful creator of counters, timers and countdowns</a></li>
<li><a href="https://wordpress.org/plugins/button-generation/" rel="ugc">Button Generator – easily Button Builder</a></li>
<li><a href="https://wordpress.org/plugins/mwp-herd-effect/" rel="ugc">Herd Effects – fake notifications and social proof plugin</a></li>
<li><a href="https://wordpress.org/plugins/floating-button/" rel="ugc">Floating Button</a></li>
<li><a href="https://wordpress.org/plugins/side-menu-lite/" rel="ugc">Side Menu Lite – add sticky fixed buttons</a></li>
<li><a href="https://wordpress.org/plugins/sticky-buttons/" rel="ugc">Sticky Buttons – floating buttons builder</a></li>
<li><a href="https://wordpress.org/plugins/bubble-menu/" rel="ugc">Bubble Menu – circle floating menu</a></li>
<li><a href="https://wordpress.org/plugins/float-menu/" rel="ugc">Float menu – awesome floating side menu</a></li>
<li><a href="https://wordpress.org/plugins/modal-window/" rel="ugc">Modal Window – create modal window</a></li>
<li><a href="https://wordpress.org/plugins/mwp-skype/" rel="ugc">Wow Skype Buttons</a></li>
<li><a href="https://wordpress.org/plugins/border-menu/" rel="ugc">Border Menu</a></li>
<li><a href="https://wordpress.org/plugins/slide-menu/" rel="ugc">Slide Menu</a></li>
</ul>
<h4>Support</h4>
<p>Search for answers and ask your questions at <a href="https://wordpress.org/support/plugin/hover-effects" rel="ugc">support center</a></p>


Hover Effects – easily create any hover effect

Hover Effect is easily applied to your own elements, modified or just used for inspiration.

ButtonZ – Elementor Addon vs Hover Effects – easily create any hover effect