CSS3 animation with gradients [duplicate]

by

Transitions are not supported yet on webkit gradients. It’s in the spec, but it doesn’t work yet.

(p.s. if you’re doing color transitions only – you may want to check out -webkit-filters – which do animate!)

Update: gradient transitions apparently do work in IE10+

More Related Contents:

  1. CSS3 Continuous Rotate Animation (Just like a loading sundial)
  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. iPhone WebKit CSS animations cause flicker
  7. css3 animation on :hover; force entire animation
  8. How do I re-trigger a WebKit CSS animation via JavaScript?
  9. CSS Animations with delay for each child element
  10. CSS endless rotation animation
  11. CSS3 Chain Animations
  12. IE10 – CSS animation not working
  13. Change Background Color & Font Color Automatically Via CSS [closed]
  14. How do I combine a background-image and CSS3 gradient on the same element?
  15. How to style HTML5 range input to have different color before and after slider?
  16. CSS3 Transparency + Gradient
  17. Blurry text after using CSS transform: scale(); in Chrome
  18. Gradients in Internet Explorer 9
  19. How to use CSS (and JavaScript?) to create a blurred, “frosted” background?
  20. WebKit: Blurry text with css scale + translate3d
  21. inject CSS to a site with webview in android
  22. CSS Animation onClick
  23. CSS display none and opacity animation with keyframes not working
  24. How can I prevent CSS gradient banding?
  25. CSS “outline” different behavior behavior on Webkit & Gecko
  26. rounded corners on html5 video
  27. Animate CSS background-position with smooth results (sub-pixel animation)
  28. WebKit CSS content Unicode bug?
  29. Freeze Header until Irrelevant (HTML, CSS and JS)
  30. Make TBODY scrollable in Webkit browsers

Leave a Comment