Can this animation be achieved with CSS?

[HarryPot]

In this page Critical Support Now, the "About Us" button, can I achieve this with CSS?

I like how the color changes gradually from the bottom to the top.

Thanks.

 

[Cabbit]

This can be done with CSS animation but i have to say the effect looks awful.

 

[haydn!]

Would look much better using "transition" from CSS3 which would fade from the black to red a lot more gracefully.

 

[snebes]

It should be a javascript/css combination so you can support all browsers.

But I agree, this looks awful on my work machine, which is comparable to most systems used in the wild.

I saw a similar effect used on Tesla's site as well (change car color), it looks a bit better, but not yet smooth.

 

[HarryPot]

I'll give it a try. At least I could learn something. At first I thought it looked pretty nice, but after reading your comments, it has started to feel kind of cheap looking.