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

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>


Alternatives to Hover Effects – easily create any hover effect

Top alternatives