RotateIn Options

Daniel pro asked 8 years ago

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.

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;
}

Please insert min. 20 characters.

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