A demo of Span Tick Animation
The Source Code
<!DOCTYPE> <head> <script type="text/javascript" src="js/jquery-1.12.0.min.js"></script> <script type="text/javascript" src="js/animateClick.js"></script> <link rel="stylesheet" href="css/main.css" /> <script> $(document).ready(function() { $('.spananimation').animateClick({ "color":"yellow", "animation":"tick" }); }); </script> <style> .spananimation{ width:200px; color:#fff; border-radius:15px; padding:15px; background-color:#4B2525; } .spananimation:hover{ background-color:#DEBCBC; color:rgb(51,51,51); transition:ease-in-out .5s; } </style> </head> <body> <div style="margin-top:50px;"> <span class="spananimation" >A demo of Span Tick Animation</span> </div> </body> </html>