Jump to content
LineDetail

Are gradients backgrounds animatable by transition yet?

Recommended Posts

Are gradients backgrounds animatable by transition yet?

I googled a answer and only found ones that were years old or had long work-arounds. I'm wondering if there is some new code to use that I am just overlooking.

Thanks ahead,

-Line

Share this post


Link to post
Share on other sites

No, they won't be animatable under the current specification because they are part of the background image property which is not animatable.

I use Javascript to animate gradients. 

Share this post


Link to post
Share on other sites

You can animate the background position, that's how Bootstrap makes progress bars.

Share this post


Link to post
Share on other sites

I just pointed that out, why do you always repeat what someone has already giving a solution to, you should change your username to parrot.

Share this post


Link to post
Share on other sites

dsonesuk's example is much simpler than the one I found: https://codepen.io/quasimondo/pen/lDdrF

 

Edited by niche
unexpected result

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...