Topic: RotateIn Options
I am a PRO member of MDB Bootstrap 3.x
I use the Rotate Effects. Especially the rotateInUpRight (or any other).
What I need to know is, how I can extend the iterations of rotations my objects do.
Right now, default, it will rotate once.
I need, on my home page, a "ball" (circular image) to rotate in from upper right corner, until it stops in the center of the screen.
I do want that to rotate more times, like maybe 10 times, just as a real "football" would do when it rolls.
How can I extend the times of rotations? (The Iterations, the amount of rotations the object does on its wa from upper right corner to it's final position).
I found only very few examples in the DOC.
Can you help me with a example?
Thank you very much.
Add comment
Michal Szymanski staff pro premium priority answered 8 years ago
Hi,
it's very easy. Try this code:
HTML
<h1 class="animated rotateInUpRight " id="yourElement">Test</h1>
CSS
#yourElement {
-webkit-animation-iteration-count: 10;
}
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Specification of the issue
- User: Pro
- Premium support: No
- Technology: General Bootstrap questions
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No
Related topics