$( document ).ready(function() { $("#animatebutton").click(function(){ const element = document.querySelector('.animatebutton'); element.classList.add('animated', 'hinge'); setTimeout(function() { element.classList.remove('hinge'); }, 1000); }); });
Script Copy url Copy url with Tag
Bootstrap CSS https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css copy copy script
Bootstrap JS https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js copy copy script
Icons https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.0.3/css/font-awesome.css 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
Latest snippets
About this snippet

Bootstrap 4 Hinge animation button onclick snippet is created by BBBootstrap Team using Bootstrap 4.0.0, Javascript 3.2.1. This snippet is free and open source hence you can use it in your project.Bootstrap 4 Hinge animation button onclick snippet example is best for Bootstrap buttons, 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