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 …
- image URL (in textbox, in first draft) …
- toggling between Flip and Flop ability …
- 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.