Pregunta sobre Elementor Website Builder de Wordpress:

Retraso de animaci贸n en elemento personalizado

Un usuario pregunt贸 馃憞

Cre茅 un widget personalizado con 3 columnas en una fila. Consulte la secci贸n 芦Enam贸rese de su nuevo autom贸vil禄 en el enlace de arriba.

Ahora quiero agregar un retraso de animaci贸n a cada columna. Estoy usando este c贸digo:

<?php if( $query->have_posts() ) : ?>
<?php $delay = 0; ?>
<?php while( $query->have_posts() ): $query->the_post(); ?>
<div class="elementor-element elementor-column elementor-col-33 elementor-top-column" data-id="<?php the_ID(); ?>" data-element_type="column" data-settings="{'animation':'fadeInUp','animation_delay':<?php echo $delay; ?>}">
TEXT
</div>
<?php $delay = $delay + 500; ?>	
<?php endwhile; ?>
<?php endif; ?>
<?php wp_reset_query(); ?>

Pero no funciona. Si env铆o animated y fadeInUp las clases luego animan todas las columnas a la vez. Pero quiero agregar un retraso en cada columna.

驴Puede sugerir c贸mo hacerlo funcionar?

Gracias.

(@ davidr90)

Hace 1 a帽o, 4 meses

Si tiene una pregunta relacionada con el c贸digo, env铆ela a nuestro repositorio con una descripci贸n detallada.
https://github.com/elementor/elementor

驴Solucion贸 tu problema??

0 / 0

Deja una respuesta 0

Tu direcci贸n de correo electr贸nico no ser谩 publicada. Los campos obligatorios est谩n marcados con *