$(document).ready(function(){ var e = document.getElementById('elem'); var spin = false; var spinner = function(){ e.classList.toggle('running', spin); if (spin) setTimeout(spinner, 2000); } e.onmouseover = function(){ spin = true; spinner(); }; e.onmouseout = function(){ spin = false; }; });
Script Copy url Copy url with Tag
Bootstrap CSS https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css copy copy script
Bootstrap JS https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js copy copy script
Jquery https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js copy copy script

Related Snippets

view all snippets
About this snippet

Bootstrap 4 continuous colourful spinner onhover snippet is created by Hitesh Chauhan using Bootstrap 4.3.1, Javascript 3.2.1. This snippet is free and open source hence you can use it in your project.Bootstrap 4 continuous colourful spinner onhover snippet example is best for Bootstrap spinner, Bootstrap animation, responsive.A great starter for your new awesome project with 1000+ Font Awesome Icons, 4000+ Material Design Icons and Material Design Colors at BBBootstrap.com.

Join BBBootstrap community

Contribute an awesome snippet to help other developer and designers