Image Flipping or Flopping at Speed Primer Tutorial

Image Flipping or Flopping at Speed Primer Tutorial

Image Flipping or Flopping at Speed Primer Tutorial

The “making of” the recent Select Multiple Webpage Palette Speech Bubble Swipe Tutorial inspired us to start down the road of a new …

Image Flipping or Flopping at Speed

… web application. At first, with it, we wondered, regarding our animation, whether we could …

  • create “smoothed out” flipping or flopping scenarios via CSS keyframes and transition animations … or …
  • use Javascript DOM

… and sadly the “CSS keyframes and transition animations” is a “no go” for this project (ie. not every CSS property can be animated this way, as we have alluded to in the past).

Never mind, today we supplied the starting three controls the user has, over to the right of their image …

  1. image URL (in textbox, in first draft) …
  2. toggling between Flip and Flop ability …
  3. revolutions per minute

… settings in this first draft Image Flipping or Flopping at Speed web application you can try, for yourself, also, below …

If this was interesting you may be interested in this too.

This entry was posted in Animation, eLearning, Event-Driven Programming, Tutorials and tagged , , , , , , , , , , . Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *