Usage
Browse
Download
1.First of all link this code in the <head> section of your website.
Note : This is for those who want to see the transition on their website without hovering.
<link rel="stylesheet" href="https://vicpra.com/generator/transition-effects/cdn/transition.min.css">
Note : This is for those who want to see the transition after hovering over their website elements. you just have to write something like this "vicpra vicpra-bounce-alt-in-hover infinite"
<link rel="stylesheet" href="https://vicpra.com/generator/transition-effects/cdn/transition.hover.min.css">
2.Copy any class and use it in your html element like this.
<div class="vicpra vicpra-bounce-alt-in infinite"></div>
<div class="vicpra vicpra-blur-in-hover infinite"></div>
<div class="vicpra vicpra-blur-in-hover"></div>
<div class="vicpra vicpra-bounce-alt-in"></div>
3.With infinite class
3.When hover with infinite class
3.When hover without infinite class
4.Will work only once after page refresh without infinite. class