<!-- -----------------------------------------------------------------------------------------------------fade up------------------------------------------------------------------------------------------------------------------------------------------------------- -->
<script src="<?php echo get_template_directory_uri(); ?>aos.js"></script>
<style>
[data-aos][data-aos][data-aos-duration= "400"],
body[data-aos-duration="400"] [data-aos] {
transition-duration: .4s
}
[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
transition-timing-function: ease
}
[data-aos].aos-animate {
pointer-events: auto
} [data-aos] {
pointer-events: none;
}
@media screen {
html:not(.no-js) [data-aos^=fade][data-aos^=fade] {
opacity: 0;
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform
}
html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate {
opacity: 1;
-webkit-transform: none;
transform: none
}
html:not(.no-js) [data-aos=fade-up] {
-webkit-transform: translate3d(0, 100px, 0);
transform: translate3d(0, 100px, 0)
}
}
</style>
<script> AOS.init({}); </script>
<div data-aos="fade-up">//écrire le texte ici//</div>
<!-- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -->
<!-- -----------------------------------------------------------------------------------------------------fade down-------------------------------------------------------------------------------------------------------------------------------------------------------- -->
<script src="<?php echo get_template_directory_uri(); ?>aos.js"></script>
<style>
[data-aos] {
pointer-events: none
}
[data-aos].aos-animate {
pointer-events: auto
}
[data-aos][data-aos][data-aos-duration= "400"],
body[data-aos-duration= "400"] [data-aos] {
transition-duration: .4s
}
[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
transition-timing-function: ease
}
@media screen {
html:not(.no-js) [data-aos=fade-down] {
-webkit-transform: translate3d(0, -100px, 0);
transform: translate3d(0, -100px, 0)
}
html:not(.no-js) [data-aos^=fade][data-aos^=fade] {
opacity: 0;
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform
}
html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
</style>
<script> AOS.init({}); </script>
<div data-aos="fade-down">//écrire le texte ici//</div>
<!-- ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -->
<!-- -----------------------------------------------------------------------------------------------------fade right-------------------------------------------------------------------------------------------------------------------------------------------------------- -->
<script src="<?php echo get_template_directory_uri(); ?>aos.js"></script>
<style>
[data-aos] {
pointer-events: none
}
[data-aos].aos-animate {
pointer-events: auto
}
[data-aos][data-aos][data-aos-duration= "400"],
body[data-aos-duration= "400"] [data-aos] {
transition-duration: .4s
}
[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
transition-timing-function: ease
}
@media screen {
html:not(.no-js) [data-aos=fade-right] {
-webkit-transform: translate3d(-100px, 0, 0);
transform: translate3d(-100px, 0, 0)
}
html:not(.no-js) [data-aos^=fade][data-aos^=fade] {
opacity: 0;
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform
}
html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
<script> AOS.init({}); </script>
<div data-aos="fade-right">//écrire le texte ici//</div>
<!-- ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -->
<!---------------------------------------------------------------------------------------------------------fade left------------------------------------------------------------------------------------------------------------------------------------------------------------------ -->
<script src="<?php echo get_template_directory_uri(); ?>aos.js"></script>
<style>
[data-aos] {
pointer-events: none
}
[data-aos].aos-animate {
pointer-events: auto
}
[data-aos][data-aos][data-aos-duration= "400"],
body[data-aos-duration= "400"] [data-aos] {
transition-duration: .4s
}
[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
transition-timing-function: ease
}
@media screen {
html:not(.no-js) [data-aos=fade-left] {
-webkit-transform: translate3d(100px, 0, 0);
transform: translate3d(100px, 0, 0)
}
html:not(.no-js) [data-aos^=fade][data-aos^=fade] {
opacity: 0;
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform
}
html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
</style>
<script> AOS.init({}); </script>
<div data-aos="fade-left">//écrire le texte ici//</div>
<!-- ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -->
<!---------------------------------------------------------------------------------------------------------fade up right------------------------------------------------------------------------------------------------------------------------------------------------------------------ -->
<script src="<?php echo get_template_directory_uri(); ?>aos.js"></script>
<style>
[data-aos] {
pointer-events: none
}
[data-aos].aos-animate {
pointer-events: auto
}
[data-aos][data-aos][data-aos-duration= "400"],
body[data-aos-duration= "400"] [data-aos] {
transition-duration: .4s
}
[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
transition-timing-function: ease
}
@media screen {
html:not(.no-js) [data-aos=fade-right] {
-webkit-transform: translate3d(-100px, 0, 0);
transform: translate3d(-100px, 0, 0)
}
html:not(.no-js) [data-aos^=fade][data-aos^=fade] {
opacity: 0;
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform
}
html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
</style>
<script> AOS.init({}); </script>
<div data-aos="fade-up-right">//écrire le texte ici//</div>
<!-- ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -->
<!---------------------------------------------------------------------------------------------------------fade up left------------------------------------------------------------------------------------------------------------------------------------------------------------------ -->
<script src="<?php echo get_template_directory_uri(); ?>aos.js"></script>
<style>
[data-aos] {
pointer-events: none
}
[data-aos].aos-animate {
pointer-events: auto
}
[data-aos][data-aos][data-aos-duration= "400"],
body[data-aos-duration= "400"] [data-aos] {
transition-duration: .4s
}
[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
transition-timing-function: ease
}
@media screen {
html:not(.no-js) [data-aos=fade-up-left] {
-webkit-transform: translate3d(100px, 100px, 0);
transform: translate3d(100px, 100px, 0)
}
html:not(.no-js) [data-aos^=fade][data-aos^=fade] {
opacity: 0;
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform
}
html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
</style>
<script> AOS.init({}); </script>
<div data-aos="fade-up-left">//écrire le texte ici//</div>
<!-- ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -->
<!---------------------------------------------------------------------------------------------------------fade down right------------------------------------------------------------------------------------------------------------------------------------------------------------------ -->
<script src="<?php echo get_template_directory_uri(); ?>aos.js"></script>
<style>
[data-aos] {
pointer-events: none
}
[data-aos].aos-animate {
pointer-events: auto
}
[data-aos][data-aos][data-aos-duration= "400"],
body[data-aos-duration= "400"] [data-aos] {
transition-duration: .4s
}
[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
transition-timing-function: ease
}
@media screen {
html:not(.no-js) [data-aos=fade-down-right] {
-webkit-transform: translate3d(-100px, -100px, 0);
transform: translate3d(-100px, -100px, 0)
}
html:not(.no-js) [data-aos^=fade][data-aos^=fade] {
opacity: 0;
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform
}
html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
</style>
<script> AOS.init({}); </script>
<div data-aos="fade-down-right">//écrire le texte ici//</div>
<!-- ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -->
<!---------------------------------------------------------------------------------------------------------fade down left------------------------------------------------------------------------------------------------------------------------------------------------------------------ -->
<script src="<?php echo get_template_directory_uri(); ?>aos.js"></script>
<style>
[data-aos] {
pointer-events: none
}
[data-aos].aos-animate {
pointer-events: auto
}
[data-aos][data-aos][data-aos-duration= "400"],
body[data-aos-duration= "400"] [data-aos] {
transition-duration: .4s
}
[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
transition-timing-function: ease
}
@media screen {
html:not(.no-js) [data-aos=fade-down-left] {
-webkit-transform: translate3d(100px, -100px, 0);
transform: translate3d(100px, -100px, 0)
}
html:not(.no-js) [data-aos^=fade][data-aos^=fade] {
opacity: 0;
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform
}
html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
</style>
<script> AOS.init({}); </script>
<div data-aos="fade-down-left">//écrire le texte ici//</div>
<!-- ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -->
<!---------------------------------------------------------------------------------------------------------flip left------------------------------------------------------------------------------------------------------------------------------------------------------------------ -->
<script src="<?php echo get_template_directory_uri(); ?>aos.js"></script>
<style>
[data-aos] {
pointer-events: none
}
[data-aos].aos-animate {
pointer-events: auto
}
[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
transition-duration: .4s
}
[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
transition-timing-function: ease
}
html:not(.no-js) [data-aos=flip-left] {
-webkit-transform: perspective(2500px) rotateY(-100deg);
transform: perspective(2500px) rotateY(-100deg)
}
html:not(.no-js) [data-aos^=flip][data-aos^=flip] {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform
}
html:not(.no-js) [data-aos=flip-left].aos-animate {
-webkit-transform: perspective(2500px) rotateY(0);
transform: perspective(2500px) rotateY(0)
}
</style>
<script> AOS.init({}); </script>
<div data-aos="flip-left">//écrire le texte ici//</div>
<!-- ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -->
<!---------------------------------------------------------------------------------------------------------flip right------------------------------------------------------------------------------------------------------------------------------------------------------------------ -->
<script src="<?php echo get_template_directory_uri(); ?>aos.js"></script>
<style>
[data-aos] {
pointer-events: none
}
[data-aos].aos-animate {
pointer-events: auto
}
[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
transition-duration: .4s
}
[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
transition-timing-function: ease
}
html:not(.no-js) [data-aos=flip-right] {
-webkit-transform: perspective(2500px) rotateY(100deg);
transform: perspective(2500px) rotateY(100deg)
}
html:not(.no-js) [data-aos^=flip][data-aos^=flip] {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform
}
html:not(.no-js) [data-aos=flip-right].aos-animate {
-webkit-transform: perspective(2500px) rotateY(0);
transform: perspective(2500px) rotateY(0)
}
</style>
<script> AOS.init({}); </script>
<div data-aos="flip-right">//écrire le texte ici//</div>
<!-- ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -->
<!---------------------------------------------------------------------------------------------------------flip up------------------------------------------------------------------------------------------------------------------------------------------------------------------ -->
<script src="<?php echo get_template_directory_uri(); ?>aos.js"></script>
<style>
[data-aos] {
pointer-events: none
}
[data-aos].aos-animate {
pointer-events: auto
}
[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
transition-duration: .4s
}
[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
transition-timing-function: ease
}
html:not(.no-js) [data-aos=flip-up] {
-webkit-transform: perspective(2500px) rotateX(-100deg);
transform: perspective(2500px) rotateX(-100deg)
}
html:not(.no-js) [data-aos^=flip][data-aos^=flip] {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform
}
html:not(.no-js) [data-aos=flip-up].aos-animate {
-webkit-transform: perspective(2500px) rotateX(0);
transform: perspective(2500px) rotateX(0)
}
</style>
<script> AOS.init({}); </script>
<div data-aos="flip-up">//écrire le texte ici//</div>
<!-- ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -->
<!---------------------------------------------------------------------------------------------------------flip down------------------------------------------------------------------------------------------------------------------------------------------------------------------ -->
<script src="<?php echo get_template_directory_uri(); ?>aos.js"></script>
<style>
[data-aos] {
pointer-events: none
}
[data-aos].aos-animate {
pointer-events: auto
}
[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
transition-duration: .4s
}
[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
transition-timing-function: ease
}
html:not(.no-js) [data-aos=flip-down] {
-webkit-transform: perspective(2500px) rotateX(100deg);
transform: perspective(2500px) rotateX(100deg)
}
html:not(.no-js) [data-aos^=flip][data-aos^=flip] {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform
}
html:not(.no-js) [data-aos=flip-down].aos-animate {
-webkit-transform: perspective(2500px) rotateX(0);
transform: perspective(2500px) rotateX(0)
}
</style>
<script> AOS.init({}); </script>
<div data-aos="flip-down">//écrire le texte ici//</div>
<!-- ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -->
<!---------------------------------------------------------------------------------------------------------zoom in------------------------------------------------------------------------------------------------------------------------------------------------------------------ -->
<script src="<?php echo get_template_directory_uri(); ?>aos.js"></script>
<style>
[data-aos] {
pointer-events: none
}
[data-aos].aos-animate {
pointer-events: auto
}
[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
transition-duration: .4s
}
[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
transition-timing-function: ease
}
@media screen {
html:not(.no-js) [data-aos=zoom-in] {
-webkit-transform: scale(.6);
transform: scale(.6)
}
html:not(.no-js) [data-aos^=zoom][data-aos^=zoom] {
opacity: 0;
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform
}
html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate {
opacity: 1;
-webkit-transform: translateZ(0) scale(1);
transform: translateZ(0) scale(1)
}
}
</style>
<script> AOS.init({}); </script>
<div data-aos="zoom-in">//écrire le texte ici//</div>
<!-- ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -->
<!---------------------------------------------------------------------------------------------------------zoom in up------------------------------------------------------------------------------------------------------------------------------------------------------------------ -->
<script src="<?php echo get_template_directory_uri(); ?>aos.js"></script>
<style>
[data-aos] {
pointer-events: none
}
[data-aos].aos-animate {
pointer-events: auto
}
[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
transition-duration: .4s
}
[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
transition-timing-function: ease
}
@media screen {
html:not(.no-js) [data-aos=zoom-in-up] {
-webkit-transform: translate3d(0, 100px, 0) scale(.6);
transform: translate3d(0, 100px, 0) scale(.6)
}
html:not(.no-js) [data-aos^=zoom][data-aos^=zoom] {
opacity: 0;
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform
}
html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate {
opacity: 1;
-webkit-transform: translateZ(0) scale(1);
transform: translateZ(0) scale(1)
}
}
</style>
<script> AOS.init({}); </script>
<div data-aos="zoom-in-up">//écrire le texte ici//</div>
<!-- ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -->
<!---------------------------------------------------------------------------------------------------------zoom in down------------------------------------------------------------------------------------------------------------------------------------------------------------------ -->
<script src="<?php echo get_template_directory_uri(); ?>aos.js"></script>
<style>
[data-aos] {
pointer-events: none
}
[data-aos].aos-animate {
pointer-events: auto
}
[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
transition-duration: .4s
}
[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
transition-timing-function: ease
}
@media screen {
html:not(.no-js) [data-aos=zoom-in-down] {
-webkit-transform: translate3d(0, -100px, 0) scale(.6);
transform: translate3d(0, -100px, 0) scale(.6)
}
html:not(.no-js) [data-aos^=zoom][data-aos^=zoom] {
opacity: 0;
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform
}
html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate {
opacity: 1;
-webkit-transform: translateZ(0) scale(1);
transform: translateZ(0) scale(1)
}
}
</style>
<script> AOS.init({}); </script>
<div data-aos="zoom-in-down">//écrire le texte ici//</div>
<!-- ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -->
<!---------------------------------------------------------------------------------------------------------zoom in left------------------------------------------------------------------------------------------------------------------------------------------------------------------ -->
<script src="<?php echo get_template_directory_uri(); ?>aos.js"></script>
<style>
[data-aos] {
pointer-events: none
}
[data-aos].aos-animate {
pointer-events: auto
}
[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
transition-duration: .4s
}
[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
transition-timing-function: ease
}
@media screen {
html:not(.no-js) [data-aos=zoom-in-left] {
-webkit-transform: translate3d(100px, 0, 0) scale(.6);
transform: translate3d(100px, 0, 0) scale(.6)
}
html:not(.no-js) [data-aos^=zoom][data-aos^=zoom] {
opacity: 0;
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform
}
html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate {
opacity: 1;
-webkit-transform: translateZ(0) scale(1);
transform: translateZ(0) scale(1)
}
}
</style>
<script> AOS.init({}); </script>
<div data-aos="zoom-in-left">//écrire le texte ici//</div>
<!-- ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -->
<!---------------------------------------------------------------------------------------------------------zoom in right------------------------------------------------------------------------------------------------------------------------------------------------------------------ -->
<script src="<?php echo get_template_directory_uri(); ?>aos.js"></script>
<style>
[data-aos] {
pointer-events: none
}
[data-aos].aos-animate {
pointer-events: auto
}
[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
transition-duration: .4s
}
[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
transition-timing-function: ease
}
@media screen {
html:not(.no-js) [data-aos=zoom-in-right] {
-webkit-transform: translate3d(-100px, 0, 0) scale(.6);
transform: translate3d(-100px, 0, 0) scale(.6)
}
html:not(.no-js) [data-aos^=zoom][data-aos^=zoom] {
opacity: 0;
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform
}
html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate {
opacity: 1;
-webkit-transform: translateZ(0) scale(1);
transform: translateZ(0) scale(1)
}
}
</style>
<script> AOS.init({}); </script>
<div data-aos="zoom-in-right">//écrire le texte ici//</div>
<!-- ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -->
<!---------------------------------------------------------------------------------------------------------zoom out------------------------------------------------------------------------------------------------------------------------------------------------------------------ -->
<script src="<?php echo get_template_directory_uri(); ?>aos.js"></script>
<style>
[data-aos] {
pointer-events: none
}
[data-aos].aos-animate {
pointer-events: auto
}
[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
transition-duration: .4s
}
[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
transition-timing-function: ease
}
@media screen {
html:not(.no-js) [data-aos=zoom-out] {
-webkit-transform: scale(1.2);
transform: scale(1.2)
}
html:not(.no-js) [data-aos^=zoom][data-aos^=zoom] {
opacity: 0;
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform
}
html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate {
opacity: 1;
-webkit-transform: translateZ(0) scale(1);
transform: translateZ(0) scale(1)
}
}
</style>
<script> AOS.init({}); </script>
<div data-aos="zoom-out">//écrire le texte ici//</div>
<!-- ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -->
<!---------------------------------------------------------------------------------------------------------zoom out up------------------------------------------------------------------------------------------------------------------------------------------------------------------ -->
<script src="<?php echo get_template_directory_uri(); ?>aos.js"></script>
<style>
[data-aos] {
pointer-events: none
}
[data-aos].aos-animate {
pointer-events: auto
}
[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
transition-duration: .4s
}
[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
transition-timing-function: ease
}
@media screen {
html:not(.no-js) [data-aos=zoom-out-up] {
-webkit-transform: translate3d(0, 100px, 0) scale(1.2);
transform: translate3d(0, 100px, 0) scale(1.2)
}
html:not(.no-js) [data-aos^=zoom][data-aos^=zoom] {
opacity: 0;
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform
}
html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate {
opacity: 1;
-webkit-transform: translateZ(0) scale(1);
transform: translateZ(0) scale(1)
}
}
</style>
<script> AOS.init({}); </script>
<div data-aos="zoom-out-up">//écrire le texte ici//</div>
<!-- ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -->
<!---------------------------------------------------------------------------------------------------------zoom out down------------------------------------------------------------------------------------------------------------------------------------------------------------------ -->
<script src="<?php echo get_template_directory_uri(); ?>aos.js"></script>
<style>
[data-aos] {
pointer-events: none
}
[data-aos].aos-animate {
pointer-events: auto
}
[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
transition-duration: .4s
}
[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
transition-timing-function: ease
}
@media screen {
html:not(.no-js) [data-aos=zoom-out-down] {
-webkit-transform: translate3d(0, -100px, 0) scale(1.2);
transform: translate3d(0, -100px, 0) scale(1.2)
}
html:not(.no-js) [data-aos^=zoom][data-aos^=zoom] {
opacity: 0;
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform
}
html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate {
opacity: 1;
-webkit-transform: translateZ(0) scale(1);
transform: translateZ(0) scale(1)
}
}
</style>
<script> AOS.init({}); </script>
<div data-aos="zoom-out-down">//écrire le texte ici//</div>
<!-- ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -->
<!---------------------------------------------------------------------------------------------------------zoom out right------------------------------------------------------------------------------------------------------------------------------------------------------------------ -->
<script src="<?php echo get_template_directory_uri(); ?>aos.js"></script>
<style>
[data-aos] {
pointer-events: none
}
[data-aos].aos-animate {
pointer-events: auto
}
[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
transition-duration: .4s
}
[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
transition-timing-function: ease
}
@media screen {
html:not(.no-js) [data-aos=zoom-out-right] {
-webkit-transform: translate3d(-100px, 0, 0) scale(1.2);
transform: translate3d(-100px, 0, 0) scale(1.2)
}
html:not(.no-js) [data-aos^=zoom][data-aos^=zoom] {
opacity: 0;
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform
}
html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate {
opacity: 1;
-webkit-transform: translateZ(0) scale(1);
transform: translateZ(0) scale(1)
}
}
</style>
<script> AOS.init({}); </script>
<div data-aos="zoom-out-right">//écrire le texte ici//</div>
<!-- ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -->
<!---------------------------------------------------------------------------------------------------------zoom out left------------------------------------------------------------------------------------------------------------------------------------------------------------------ -->
<script src="<?php echo get_template_directory_uri(); ?>aos.js"></script>
<style>
[data-aos] {
pointer-events: none
}
[data-aos].aos-animate {
pointer-events: auto
}
[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
transition-duration: .4s
}
[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
transition-timing-function: ease
}
@media screen {
html:not(.no-js) [data-aos=zoom-out-left] {
-webkit-transform: translate3d(100px, 0, 0) scale(1.2);
transform: translate3d(100px, 0, 0) scale(1.2)
}
html:not(.no-js) [data-aos^=zoom][data-aos^=zoom] {
opacity: 0;
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform
}
html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate {
opacity: 1;
-webkit-transform: translateZ(0) scale(1);
transform: translateZ(0) scale(1)
}
}
</style>
<script> AOS.init({}); </script>
<div data-aos="zoom-out-left">//écrire le texte ici//</div>
<!-- ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -->
<!---------------------------------------------------------------------------------------------------------fade up duration 3000------------------------------------------------------------------------------------------------------------------------------------------------------------------ -->
<script src="<?php echo get_template_directory_uri(); ?>aos.js"></script>
<style>
[data-aos] {
pointer-events: none
}
[data-aos].aos-animate {
pointer-events: auto
}
[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
transition-duration: .4s
}
[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
transition-timing-function: ease
}
[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
transition-duration: 3s
}
@media screen {
html:not(.no-js) [data-aos=fade-up] {
-webkit-transform: translate3d(0, 100px, 0);
transform: translate3d(0, 100px, 0)
}
html:not(.no-js) [data-aos^=fade][data-aos^=fade] {
opacity: 0;
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform
}
html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
</style>
<script> AOS.init({}); </script>
<data-aos="fade-up data-aos-duration="3000">//écrire le texte ici//</div>
<!-- ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -->
<!---------------------------------------------------------------------------------------------------------fade up duration 3000------------------------------------------------------------------------------------------------------------------------------------------------------------------ -->
<script src="<?php echo get_template_directory_uri(); ?>aos.js"></script>
<style>
[data-aos] {
pointer-events: none
}
[data-aos].aos-animate {
pointer-events: auto
}
[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
transition-duration: .4s
}
[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
transition-timing-function: ease
}
[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
transition-duration: 1.5s
}
[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] {
transition-timing-function: cubic-bezier(.25, .25, .75, .75)
}
@media screen {
html:not(.no-js) [data-aos=fade-down] {
-webkit-transform: translate3d(0, -100px, 0);
transform: translate3d(0, -100px, 0)
}
html:not(.no-js) [data-aos^=fade][data-aos^=fade] {
opacity: 0;
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform
}
html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
</style>
<script> AOS.init({}); </script>
<data-aos="fade-up data-aos-duration="3000">//écrire le texte ici//</div>
<!-- ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -->
<!---------------------------------------------------------------------------------------------------------fade down linear------------------------------------------------------------------------------------------------------------------------------------------------------------------ -->
<script src="<?php echo get_template_directory_uri(); ?>aos.js"></script>
<style>
[data-aos] {
pointer-events: none
}
[data-aos].aos-animate {
pointer-events: auto
}
[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
transition-duration: .4s
}
[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
transition-timing-function: ease
}
[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}
@media screen {
html:not(.no-js) [data-aos=fade-right] {
-webkit-transform: translate3d(-100px, 0, 0);
transform: translate3d(-100px, 0, 0)
}
html:not(.no-js) [data-aos^=fade][data-aos^=fade] {
opacity: 0;
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform
}
html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
</style>
<script> AOS.init({}); </script>
<data-aos="fade-down" data-aos-easing="linear" data-aos-duration="1500">//écrire le texte ici//</div>
<!-- ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -->
<!---------------------------------------------------------------------------------------------------------fade right ease in sine------------------------------------------------------------------------------------------------------------------------------------------------------------------ -->
<script src="<?php echo get_template_directory_uri(); ?>aos.js"></script>
<style>
[data-aos] {
pointer-events: none
}
[data-aos].aos-animate {
pointer-events: auto
}
[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
transition-duration: .4s
}
[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
transition-timing-function: ease
}
[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
transition-duration: .5s
}
@media screen {
html:not(.no-js) [data-aos=fade-left] {
-webkit-transform: translate3d(100px, 0, 0);
transform: translate3d(100px, 0, 0)
}
html:not(.no-js) [data-aos^=fade][data-aos^=fade] {
opacity: 0;
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform
}
html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
</style>
<script> AOS.init({}); </script>
<data-aos="fade-right" data-aos-offset="300" data-aos-easing="ease-in-sine">//écrire le texte ici//</div>
<!-- ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -->
<!---------------------------------------------------------------------------------------------------------fade left anchor 500------------------------------------------------------------------------------------------------------------------------------------------------------------------ -->
<script src="<?php echo get_template_directory_uri(); ?>aos.js"></script>
<style>
[data-aos] {
pointer-events: none
}
[data-aos].aos-animate {
pointer-events: auto
}
[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
transition-duration: .4s
}
[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
transition-timing-function: ease
}
[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
transition-delay: .3s
}
[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos] {
transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
}
[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
transition-delay: 0s
}
@media screen {
html:not(.no-js) [data-aos^=fade][data-aos^=fade] {
opacity: 0;
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform
}
html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
</style>
<script> AOS.init({}); </script>
<data-aos="fade-left" data-aos-anchor="#example-anchor" data-aos-offset="500" data-aos-duration="500">//écrire le texte ici//</div>
<!-- ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -->
<!---------------------------------------------------------------------------------------------------------fade zoom in------------------------------------------------------------------------------------------------------------------------------------------------------------------ -->
<script src="<?php echo get_template_directory_uri(); ?>aos.js"></script>
<style>
[data-aos] {
pointer-events: none
}
[data-aos].aos-animate {
pointer-events: auto
}
[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
transition-duration: 2s
}
[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
transition-timing-function: ease
}
[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
transition-delay: .3s
}
[data-aos][data-aos][data-aos-easing=ease-out-cubic],
body[data-aos-easing=ease-out-cubic] [data-aos] {
transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}
@media screen {
html:not(.no-js) [data-aos=flip-left] {
-webkit-transform: perspective(2500px) rotateY(-100deg);
transform: perspective(2500px) rotateY(-100deg)
}
html:not(.no-js) [data-aos=flip-left].aos-animate {
-webkit-transform: perspective(2500px) rotateY(0);
transform: perspective(2500px) rotateY(0)
}
html:not(.no-js) [data-aos^=flip][data-aos^=flip] {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform
}
}
</style>
<script> AOS.init({}); </script>
<data-aos="fade-zoom-in" data-aos-easing="ease-in-back" data-aos-delay="300" data-aos-offset="0">>//écrire le texte ici//</div>
<!-- ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -->
<!---------------------------------------------------------------------------------------------------------flip left 2000------------------------------------------------------------------------------------------------------------------------------------------------------------------ -->
<script src="<?php echo get_template_directory_uri(); ?>aos.js"></script>
<style>
[data-aos] {
pointer-events: none
}
[data-aos].aos-animate {
pointer-events: auto
}
[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
transition-duration: .4s
}
[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
transition-timing-function: ease
}
@media screen {
html:not(.no-js) [data-aos=fade-up] {
-webkit-transform: translate3d(0, 100px, 0);
transform: translate3d(0, 100px, 0)
}
html:not(.no-js) [data-aos^=fade][data-aos^=fade] {
opacity: 0;
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform
}
html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
</style>
<script> AOS.init({}); </script>
<data-aos="flip-left" data-aos-easing="ease-out-cubic" data-aos-duration="2000">//écrire le texte ici//</div>
<!-- ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -->
<!---------------------------------------------------------------------------------------------------------fade up top bottom------------------------------------------------------------------------------------------------------------------------------------------------------------------ -->
<script src="<?php echo get_template_directory_uri(); ?>aos.js"></script>
<style>
[data-aos] {
pointer-events: none
}
[data-aos].aos-animate {
pointer-events: auto
}
[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
transition-duration: .4s
}
[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
transition-timing-function: ease
}
@media screen {
html:not(.no-js) [data-aos=fade-up] {
-webkit-transform: translate3d(0, 100px, 0);
transform: translate3d(0, 100px, 0)
}
html:not(.no-js) [data-aos^=fade][data-aos^=fade] {
opacity: 0;
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform
}
html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
</style>
<script> AOS.init({}); </script>
<data-aos="fade-up" data-aos-anchor-placement="top-bottom">//écrire le texte ici//</div>
<!-- ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -->
<!---------------------------------------------------------------------------------------------------------fade up center bottom------------------------------------------------------------------------------------------------------------------------------------------------------------------ -->
<script src="<?php echo get_template_directory_uri(); ?>aos.js"></script>
<style>
[data-aos] {
pointer-events: none
}
[data-aos].aos-animate {
pointer-events: auto
}
[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
transition-duration: .4s
}
[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
transition-timing-function: ease
}
@media screen {
html:not(.no-js) [data-aos=fade-up] {
-webkit-transform: translate3d(0, 100px, 0);
transform: translate3d(0, 100px, 0)
}
html:not(.no-js) [data-aos^=fade][data-aos^=fade] {
opacity: 0;
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform
}
html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
</style>
<script> AOS.init({}); </script>
<data-aos="fade-up" data-aos-anchor-placement="center-bottom">//écrire le texte ici//</div>
<!-- ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -->
<!---------------------------------------------------------------------------------------------------------fade up bottom bottom------------------------------------------------------------------------------------------------------------------------------------------------------------------ -->
<script src="<?php echo get_template_directory_uri(); ?>aos.js"></script>
<style>
[data-aos] {
pointer-events: none
}
[data-aos].aos-animate {
pointer-events: auto
}
[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
transition-duration: .4s
}
[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
transition-timing-function: ease
}
@media screen {
html:not(.no-js) [data-aos=fade-up] {
-webkit-transform: translate3d(0, 100px, 0);
transform: translate3d(0, 100px, 0)
}
html:not(.no-js) [data-aos^=fade][data-aos^=fade] {
opacity: 0;
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform
}
html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
</style>
<script> AOS.init({}); </script>
<data-aos="fade-up" data-aos-anchor-placement="bottom-bottom">//écrire le texte ici//</div>
<!-- ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -->
<!---------------------------------------------------------------------------------------------------------fade up top center------------------------------------------------------------------------------------------------------------------------------------------------------------------ -->
<script src="<?php echo get_template_directory_uri(); ?>aos.js"></script>
<style>
[data-aos] {
pointer-events: none
}
[data-aos].aos-animate {
pointer-events: auto
}
[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
transition-duration: .4s
}
[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
transition-timing-function: ease
}
@media screen {
html:not(.no-js) [data-aos=fade-up] {
-webkit-transform: translate3d(0, 100px, 0);
transform: translate3d(0, 100px, 0)
}
html:not(.no-js) [data-aos^=fade][data-aos^=fade] {
opacity: 0;
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform
}
html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
</style>
<script> AOS.init({}); </script>
<data-aos="fade-up" data-aos-anchor-placement="top-center">//écrire le texte ici//</div>
<!-- ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -->