%PDF-
%PDF-
Mini Shell
Mini Shell
/*=========================================================================================
File Name: animation.js
Description: Theme Component animations js
----------------------------------------------------------------------------------------
Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template
Version: 1.0
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
(function(window, document, $) {
'use strict';
// Button Animations
$('.buttonAnimation').each(function(){
$(this).hover( function(){
var data = $(this).attr('data-animation');
$(this).addClass('animated '+data);
}, function(){
var data = $(this).attr('data-animation');
$(this).removeClass('animated '+data);
});
});
// Collapse Animations
$('.collapseAnimation').each(function(){
$(this).on("click", function(){
var data = $(this).attr('data-animation'),
href = $(this).attr('href');
$(href).addClass('animated '+data);
});
});
// Alert Animations
$('.alertAnimation').each(function(){
$(this).on("click", function(){
var data = $(this).attr('data-animation');
$(this).parent('.alert').addClass('animated '+data);
$(this).parent('div').one('webkitAnimationEnd oanimationend msAnimationEnd animationend',
function (e) {
$('div').removeClass('animated '+data);
});
});
});
// Callout Animations
$('.calloutAnimation').each(function(){
$(this).on("click", function(){
var data = $(this).attr('data-animation');
$(this).parent('div').addClass('animated '+data);
$(this).parent('div').one('webkitAnimationEnd oanimationend msAnimationEnd animationend',
function (e) {
$('div').removeClass('animated '+data);
});
});
});
// Card Animation
$('.cardAnimation .card').appear();
$(document).on("appear", '[data-appear="appear"]', function() {
var $item = $(this),
animate = $item.data("animation");
if ($item.hasClass('appear-no-repeat')) return;
$item.addClass('animated ' + animate);
});
$(document).on("disappear", '[data-appear="appear"]', function() {
var $item = $(this),
animate = $item.data("animation");
if ($item.hasClass('appear-no-repeat')) return;
$item.removeClass('animated ' + animate);
});
})(window, document, jQuery);
Zerion Mini Shell 1.0