<style>
@keyframes slideInDown {
from {
transform: translateY(-100%);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
.elementor-sticky–effects.slide-in-down {
animation: slideInDown 0.5s ease forwards;
}
</style>
<script>
jQuery(document).ready(function($) {
var lastState = false;
$(window).on(‘scroll’, function() {
$(‘.elementor-sticky–effects’).each(function() {
var isSticky = $(this).hasClass(‘elementor-sticky–active’);
if (isSticky && !lastState) {
$(this).addClass(‘slide-in-down’);
lastState = true;
} else if (!isSticky && lastState) {
$(this).removeClass(‘slide-in-down’);
lastState = false;
}
});
});
});
</script>