Hovering Pseudo selector in ZindaCSS
You can change the properties of an object when it is hovered over. Meaning you can change background, text, border colors and every other property when mouse is over the object
Hover over the box below
Hover over me
You can add the hover property to custom values and predefined values by adding ':hover' to the class name.
<div class="Your Property:hover">Random object</div>
To add a white color when hovered and grey background when hovered:
<div class="color-white:hover bg_#444444:hover">Random object</div>
The result is the following:
Hover over me to see result.
Smooth Transitions
Right now, change when hovered over is direct. However, you can change this using the transition custom value.
<div class="Property:hover transition_Property_time">Random object</div>
So, if I want the background to change over a time of 1.5 seconds to red:
<div class="bg-red:hover transition_background-color_1.5s">Random object</div>
The result is the following:
Hover over me.
The change is much better and the property fades in and out, making it more lively.