Topic: Animation only works one time

juan23 free asked 4 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 class="card-body">
                                    <h3 class="card-title"><?php the_title(); ?></h3>
                            </div> <!-- .card -->
                        </div> <!-- .col-md-6 col-md-4 -->

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

Grzegorz Bujański staff answered 4 years ago

Hi. I can't reproduce this issue. Try to reproduce the error by creating snippet here:

Please insert min. 20 characters.


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



Specification of the issue

  • ForumUser: 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