Animation only works one time


Topic: Animation only works one time

juan23 asked 5 years ago

Expected behavior

Icon to appear on hover sliding up every time it gets hovered. MASK is OK

*Actual behavior*Icon to appear on hover sliding up only one time

Resources (screenshots, code snippets etc.)

<?php while(have_posts()) : the_post(); ?>
                        <div class="col-sm-6 col-lg-4 px-lg-4">
                            <div class="card">
                                <div class="view overlay">
                                    <?php the_post_thumbnail( 'mediano', array('class' => 'img-fluid') ); ?>
                                    <div class="mask flex-center rgba-black-light">
                                        <i class="post-icon-hover animated slideInUp slow  far fa-file-alt"></i>
                                    </div>
                                </div>

                                <div class="card-body">
                                    <h3 class="card-title"><?php the_title(); ?></h3>
                                </div>
                            </div> <!-- .card -->
                        </div> <!-- .col-md-6 col-md-4 -->

                    <?php endwhile; ?>
                    <?php wp_reset_postdata(); ?>

Grzegorz Bujański staff answered 5 years ago

Hi. I can't reproduce this issue. Try to reproduce the error by creating snippet here: https://mdbootstrap.com/snippets


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.11.0
  • Device: notebook
  • Browser: chrome
  • OS: mac
  • Provided sample code: No
  • Provided link: No