CSS3 Continuous Rotate Animation (Just like a loading sundial)

by

Your issue here is that you’ve supplied a -webkit-TRANSITION-timing-function when you want a -webkit-ANIMATION-timing-function. Your values of 0 to 360 will work properly.

More Related Contents:

  1. CSS3 animation with gradients [duplicate]
  2. How to create a pulse effect using -webkit-animation – outward rings
  3. How To Sync CSS Animations Across Multiple Elements?
  4. How to make moving CSS objects like this?
  5. How to have multiple CSS transitions on an element?
  6. css z-index lost after webkit transform translate3d
  7. Blurry text after using CSS transform: scale(); in Chrome
  8. iPhone WebKit CSS animations cause flicker
  9. css3 animation on :hover; force entire animation
  10. How do I re-trigger a WebKit CSS animation via JavaScript?
  11. CSS Animations with delay for each child element
  12. CSS endless rotation animation
  13. How to force re-render after a WebKit 3D transform in Safari
  14. CSS3 Chain Animations
  15. IE10 – CSS animation not working
  16. What is WebKit and how is it related to CSS?
  17. Get element -moz-transform:rotate value in jQuery
  18. Preventing scroll bars from being hidden for MacOS trackpad users in WebKit/Blink
  19. Can you control GIF animation with Javascript?
  20. Webkit-based blurry/distorted text post-animation via translate3d
  21. Fixed element disappears in Chrome
  22. What makes the text on a element vertically centered?
  23. programmatically changing webkit-transformation values in animation rules
  24. CSS3 transform order matters: rightmost operation first
  25. webkit-transform overwrites z-index ordering in Chrome 13
  26. CSS transform origin issue on svg sub-element
  27. CSS3 – 3D Flip Animation – IE10 transform-origin: preserve-3d workaround
  28. AngularJS css animation + done callback
  29. Chaining animations in SwiftUI
  30. using a div to blur an image behind it? [duplicate]

Leave a Comment