Documentation v8.1.5

Preview Downloads Purchase

Hover

Custom effects for elements hover states.

Elevate

Use .hover-elevate-upor .hover-elevate-downclasses to add elevation effect for element's hover state.
<a href="#" class="bg-light rounded p-10 hover-elevate-up">
    Elevate up on hover
</a>

<a href="#" class="bg-light rounded p-10 hover-elevate-down">
    Elevate down on hover
</a>

Scale

Use .hover-scaleclasses to add scale effect for element's hover state.
<a href="#" class="bg-light rounded p-10 hover-scale">
    Scale on hover
</a>

Rotate

Use .hover-rotate-startor .hover-rotate-endclasses to add rotate effect for element's hover state.
<a href="#" class="bg-light rounded p-10 hover-rotate-start">
    Elevate up on hover
</a>

<a href="#" class="bg-light rounded p-10 hover-rotate-end">
    Elevate down on hover
</a>
Learn & Get Inspired

Support at devs.keenthemes.com

Join our developers community to find answer to your question and help others. FAQs
Get Support
Video Tutorials
From guides and how-tos, to live demos and code examples to get started right away.
Metronic Downloads
Download your prefered framework and demo with one click.
What's New ?
Latest features and improvements added with our users feedback in mind.
Buy now