32 lines
822 B
JavaScript
32 lines
822 B
JavaScript
/**
|
|
* Theme: Crovex - Responsive Bootstrap 4 Admin Dashboard
|
|
* Author: Mannatthemes
|
|
* Animate Js
|
|
*/
|
|
|
|
function testAnim(x) {
|
|
$('#animationSandbox').removeClass().addClass(x + ' animated').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(){
|
|
$(this).removeClass();
|
|
});
|
|
};
|
|
|
|
|
|
|
|
$(document).ready(function(){
|
|
$('.js--triggerAnimation').click(function(e){
|
|
e.preventDefault();
|
|
var anim = $('.js--animations').val();
|
|
testAnim(anim);
|
|
});
|
|
|
|
$('.js--animations').change(function(){
|
|
var anim = $(this).val();
|
|
testAnim(anim);
|
|
});
|
|
});
|
|
|
|
$('.btn-animation').on('click', function(br) {
|
|
//adding animation
|
|
$('.animationSandbox').attr('class', 'animationSandbox ' + $(this).data("animation") + ' animated');
|
|
});
|