CSS3 Continuous Rotate Animation (Just like a loading sundial)

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.

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 have multiple CSS transitions on an element?
  5. css z-index lost after webkit transform translate3d
  6. Blurry text after using CSS transform: scale(); in Chrome
  7. iPhone WebKit CSS animations cause flicker
  8. css3 animation on :hover; force entire animation
  9. How do I re-trigger a WebKit CSS animation via JavaScript?
  10. CSS Animations with delay for each child element
  11. CSS endless rotation animation
  12. How to force re-render after a WebKit 3D transform in Safari
  13. Custom CSS Scrollbar for Firefox
  14. How can I force WebKit to redraw/repaint to propagate style changes?
  15. z-index is canceled by setting transform(rotate)
  16. Background color not showing in print preview
  17. css3 transition animation on load?
  18. Get element -moz-transform:rotate value in jQuery
  19. :active pseudo-class doesn’t work in mobile safari
  20. Can you control GIF animation with Javascript?
  21. How to build simple jQuery image slider with sliding or opacity effect?
  22. Set Webkit Keyframes Values Using Javascript Variable
  23. SwiftUI: Broken explicit animations in NavigationView?
  24. How to use CSS (and JavaScript?) to create a blurred, “frosted” background?
  25. How can I transition width of content with width: auto?
  26. CSS transform origin issue on svg sub-element
  27. what does -webkit-transform: translate3d(0,0,0); exactly do? Apply to body?
  28. CSS media query to target iPad and iPad only?
  29. CSS Auto hide elements after 5 seconds
  30. What is the correct “-moz-appearance” value to hide dropdown arrow of a element
  31. inject CSS to a site with webview in android
  32. Webkit CSS to control the box around the color in an input[type=color]?
  33. CSS3-Animate elements if visible in viewport (Page Scroll)
  34. What makes the text on a element vertically centered?
  35. Why does stacking order change on webkit filter hover?
  36. CSS Border radius not trimming image on Webkit
  37. Webkit backface visibility not working
  38. programmatically changing webkit-transformation values in animation rules
  39. ‘Inverted’ border-radius possible? [duplicate]
  40. HTML book-like pagination
  41. Webkit bug with `:hover` and multiple adjacent-sibling selectors
  42. Javafx : How can I produce an animation with 3D path?
  43. Is it possible to always show up/down arrows for input “number”?
  44. matplotlib save animation in gif error
  45. visibility:hidden vs display:none vs opacity:0
  46. Webkit and jQuery draggable jumping
  47. CSS3 transform order matters: rightmost operation first
  48. Get the value of -webkit-transform of an element with jquery
  49. Webkit support for gradient transitions
  50. Image scaling by CSS: is there a webkit alternative for -moz-crisp-edges?

Leave a Comment