first commit
This commit is contained in:
@@ -0,0 +1,55 @@
|
||||
( () => {
|
||||
const wrapper_093c16a = document.getElementById( 'lqd-lottie-confetti' );
|
||||
const animItem_093c16a = bodymovin.loadAnimation( {
|
||||
wrapper: wrapper_093c16a,
|
||||
animType: 'canvas',
|
||||
name: 'lqd-lottie-confetti',
|
||||
autoplay: true,
|
||||
loop: false,
|
||||
path: './assets/json/start-hub-4/confetti.json',
|
||||
rendererSettings: {
|
||||
className: 'lqd-lottie',
|
||||
}
|
||||
} );
|
||||
|
||||
lottie.setDirection( 1, 'lqd-lottie-confetti' );
|
||||
lottie.setSpeed( 0.7, 'lqd-lottie-confetti' );
|
||||
|
||||
lottie.pause( 'lqd-lottie-confetti' );
|
||||
|
||||
new IntersectionObserver( ( [ entry ] ) => {
|
||||
if ( entry.isIntersecting ) {
|
||||
lottie.play( 'lqd-lottie-confetti' );
|
||||
} else {
|
||||
lottie.pause( 'lqd-lottie-confetti' )
|
||||
}
|
||||
} ).observe( wrapper_093c16a )
|
||||
|
||||
// ******
|
||||
|
||||
const wrapper_c833602 = document.getElementById( 'lqd-lottie-footer' );
|
||||
const animItem_c833602 = bodymovin.loadAnimation( {
|
||||
wrapper: wrapper_c833602,
|
||||
animType: 'svg',
|
||||
name: 'lqd-lottie-footer',
|
||||
autoplay: true,
|
||||
loop: true,
|
||||
path: './assets/json/start-hub-4/gradient-color.json',
|
||||
rendererSettings: {
|
||||
className: 'lqd-lottie',
|
||||
}
|
||||
} );
|
||||
|
||||
lottie.setDirection( 1, 'lqd-lottie-footer' );
|
||||
lottie.setSpeed( 0.5, 'lqd-lottie-footer' );
|
||||
|
||||
lottie.pause( 'lqd-lottie-footer' );
|
||||
|
||||
new IntersectionObserver( ( [ entry ] ) => {
|
||||
if ( entry.isIntersecting ) {
|
||||
lottie.play( 'lqd-lottie-footer' );
|
||||
} else {
|
||||
lottie.pause( 'lqd-lottie-footer' )
|
||||
}
|
||||
} ).observe( wrapper_c833602 )
|
||||
} )();
|
||||
@@ -0,0 +1,25 @@
|
||||
( () => {
|
||||
const formContentLottie = document.getElementById( 'lqd-lottie-form-contact' );
|
||||
if ( !formContentLottie ) return;
|
||||
bodymovin.loadAnimation( {
|
||||
wrapper: formContentLottie,
|
||||
animType: 'svg',
|
||||
name: 'lqd-lottie-form-contact',
|
||||
autoplay: true,
|
||||
loop: true,
|
||||
path: './assets/json/start-hub-8/lqd-lottie.json',
|
||||
rendererSettings: {
|
||||
className: 'lqd-lottie',
|
||||
}
|
||||
} );
|
||||
lottie.setDirection( 1, 'lqd-lottie-form-contact' );
|
||||
lottie.setSpeed( 1, 'lqd-lottie-form-contact' );
|
||||
lottie.pause( 'lqd-lottie-form-contact' );
|
||||
new IntersectionObserver( ( [ entry ] ) => {
|
||||
if ( entry.isIntersecting ) {
|
||||
lottie.play( 'lqd-lottie-form-contact' );
|
||||
} else {
|
||||
lottie.pause( 'lqd-lottie-form-contact' )
|
||||
}
|
||||
} ).observe( formContentLottie )
|
||||
} )();
|
||||
@@ -0,0 +1,58 @@
|
||||
( () => {
|
||||
const wrapper_0567a15 = document.getElementById( 'lqd-lottie-features' );
|
||||
const animItem_0567a15 = bodymovin.loadAnimation( {
|
||||
wrapper: wrapper_0567a15,
|
||||
animType: 'svg',
|
||||
name: 'lqd-lottie-features',
|
||||
autoplay: true,
|
||||
loop: true,
|
||||
path: './assets/json/start-hub-x/lqd-lottie-features.json',
|
||||
rendererSettings: {
|
||||
className: 'lqd-lottie',
|
||||
}
|
||||
} );
|
||||
|
||||
lottie.setDirection( 1, 'lqd-lottie-features' );
|
||||
lottie.setSpeed( 1, 'lqd-lottie-features' );
|
||||
|
||||
lottie.pause( 'lqd-lottie-features' );
|
||||
|
||||
new IntersectionObserver( ( [ entry ] ) => {
|
||||
if ( entry.isIntersecting ) {
|
||||
lottie.play( 'lqd-lottie-features' );
|
||||
} else {
|
||||
lottie.pause( 'lqd-lottie-features' )
|
||||
}
|
||||
} ).observe( wrapper_0567a15 )
|
||||
} )();
|
||||
|
||||
// ******
|
||||
|
||||
( () => {
|
||||
const wrapper_732b232f = document.getElementById( 'lqd-lottie-footer' );
|
||||
const animItem_732b232f = bodymovin.loadAnimation( {
|
||||
wrapper: wrapper_732b232f,
|
||||
animType: 'svg',
|
||||
name: 'lqd-lottie-footer',
|
||||
autoplay: true,
|
||||
loop: true,
|
||||
path: './assets/json/start-hub-x/lqd-lottie-footer.json',
|
||||
rendererSettings: {
|
||||
className: 'lqd-lottie',
|
||||
}
|
||||
} );
|
||||
|
||||
lottie.setDirection( 1, 'lqd-lottie-footer' );
|
||||
lottie.setSpeed( 0.5, 'lqd-lottie-footer' );
|
||||
|
||||
lottie.pause( 'lqd-lottie-footer' );
|
||||
|
||||
new IntersectionObserver( ( [ entry ] ) => {
|
||||
if ( entry.isIntersecting ) {
|
||||
lottie.play( 'lqd-lottie-footer' );
|
||||
} else {
|
||||
lottie.pause( 'lqd-lottie-footer' )
|
||||
}
|
||||
} ).observe( wrapper_732b232f )
|
||||
} )();
|
||||
|
||||
Reference in New Issue
Block a user