You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

59 lines
2.3 KiB
JavaScript

!(function () {
window;
const e = document.documentElement;
if ((e.classList.remove('no-js'), e.classList.add('js'), document.body.classList.contains('has-animations'))) {
(window.sr = ScrollReveal()).reveal('.feature, .pricing-table-inner', {
duration: 600,
distance: '20px',
easing: 'cubic-bezier(0.5, -0.01, 0, 1.005)',
origin: 'bottom',
interval: 100,
}),
e.classList.add('anime-ready'),
anime
.timeline({ targets: '.hero-figure-box-05' })
.add({
duration: 400,
easing: 'easeInOutExpo',
scaleX: [0.05, 0.05],
scaleY: [0, 1],
perspective: '500px',
delay: anime.random(0, 400),
})
.add({ duration: 400, easing: 'easeInOutExpo', scaleX: 1 })
.add({
duration: 800,
rotateY: '-15deg',
rotateX: '8deg',
rotateZ: '-1deg',
}),
anime
.timeline({ targets: '.hero-figure-box-06, .hero-figure-box-07' })
.add({
duration: 400,
easing: 'easeInOutExpo',
scaleX: [0.05, 0.05],
scaleY: [0, 1],
perspective: '500px',
delay: anime.random(0, 400),
})
.add({ duration: 400, easing: 'easeInOutExpo', scaleX: 1 })
.add({ duration: 800, rotateZ: '20deg' }),
anime({
targets:
'.hero-figure-box-01, .hero-figure-box-02, .hero-figure-box-03, .hero-figure-box-04, .hero-figure-box-08, .hero-figure-box-09, .hero-figure-box-10',
duration: anime.random(600, 800),
delay: anime.random(600, 800),
rotate: [
anime.random(-360, 360),
function (e) {
return e.getAttribute('data-rotation');
},
],
scale: [0.7, 1],
opacity: [0, 1],
easing: 'easeInOutExpo',
});
}
})();