Topic: delay problem
Hello, i am using this "wow fadeInRight delay-1s" together.. when i scroll the page down there is no problem but at the bottom on my web site: when i refresh the page for scroll the up, i see no effekt no delay for these items.. items are coming at once delay is breaking the animations. how can i fix it
<div class="row text-center line overflow-hidden">
<div class="col-md-4 mb-4 wow fadeInRight delay-1s">
<img src="images/adim1.svg" alt="" class="adim" />
<h4>title</h4>
</div>
<div class="col-md-4 mb-4 wow fadeInRight delay-2s">
<img src="images/adim2.svg" alt="" class="adim" />
<h4>title</h4>
</div>
<div class="col-md-4 mb-4 wow fadeInRight delay-3s">
<img src="images/adim3.svg" alt="" class="adim" />
<h4>title</h4>
</div>
</div>
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Resolved
Specification of the issue
- User: Free
- Premium support: No
- Technology: MDB jQuery
- MDB Version: 4.12.0
- Device: pc
- Browser: chrome
- OS: windows 10
- Provided sample code: No
- Provided link: No
Related topics
Grzegorz Bujański staff commented 5 years ago
Hi. Please create snippet here: https://mdbootstrap.com/snippets I'll look at this.
pre Developer commented 5 years ago
i cant create i am taking "404. That's an error. The requested URL was not found on this server." i am not pro maybe it s the reason ? from Turkey. i creat same page look the topic "delay problem" button.
Grzegorz Bujański staff commented 5 years ago
Try delete delay class and use data-wow-delay attribute:
<div class="col-md-4 mb-4 animated wow fadeInRight" data-wow-delay="1s">pre Developer commented 5 years ago
yes it s ok now thank you.. you understood me :)