[Código] Entrada e saída de elementos

				
					<script data-loading-method="user-interaction" data-src="data:text/javascript,const%20elementos%20%3D%20document.querySelectorAll%28%27.scroll-left%2C%20.scroll-right%2C%20.scroll-bottom%2C%20.scroll-top%2C%20.lista%20.elementor-icon-list-item%27%29%3B%0A%20%20%20%20const%20posicaoScroll%20%3D%20window.innerHeight%20%2A%200.7%3B%0A%0A%20%20%20%20function%20fadeScroll%28%29%7B%0A%20%20%20%20%20%20%20%20elementos.forEach%28%28elemento%29%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20const%20elementoTop%20%3D%20elemento.getBoundingClientRect%28%29.top%20-%20posicaoScroll%3B%0A%20%20%20%20%20%20%20%20if%28elementoTop%20%3C%20120%29%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20elemento.classList.add%28%27ativado%27%29%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20else%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20elemento.classList.remove%28%27ativado%27%29%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%29%0A%20%20%20%20%7D%0A%0A%20%20%20%20window.addEventListener%28%27scroll%27%2C%20fadeScroll%29%3B"></script>
				
			
				
					.scroll-left{
    opacity: 0;
    filter: blur(10px);
    transition: .5s all;
    transform: translate3d(-30px, 0, 0);
}

.scroll-bottom{
    opacity: 0;
    filter: blur(10px);
    transition: .5s all;
    transform: translate3d(0, 30px, 0);
}

.scroll-right{
    opacity: 0;
    filter: blur(10px);
    transition: .5s all;
    transform: translate3d(30px, 0, 0);
}

.scroll-top{
    opacity: 0;
    filter: blur(10px);
    transition: .5s all;
    transform: translate3d(0, -30px, 0);
}

.ativado{
    opacity: 1;
    filter: blur(0px);
    transform: translate3d(0, 0, 0);
}

.lista .elementor-icon-list-item{
    opacity: 0;
    transition: .5s all;
    transform: translate3d(-30px, 0, 0);
    filter: blur(10px);
}

.lista .elementor-icon-list-item.ativado{
    opacity: 1;
    transition: .5s all;
    transform: translate3d(0, 0, 0);
    filter: blur(0px);
}

.elementor-editor-active .scroll-bottom,
.elementor-editor-active .scroll-top,
.elementor-editor-active .scroll-left,
.elementor-editor-active .scroll-right,
.elementor-editor-active .ativado,
.elementor-editor-active .lista .elementor-icon-list-item {
    opacity: 1 !important;
    filter: blur(0px) !important;
    transform: none !important;
    transition: none !important;
}