Can this animation be achieved with CSS?

Discussion in 'Web Design and Development' started by HarryPot, Apr 8, 2011.

  1. HarryPot macrumors 6502a

    Joined:
    Sep 5, 2009
    #1
    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.:)
     
  2. Cabbit macrumors 68020

    Cabbit

    Joined:
    Jan 30, 2006
    Location:
    Scotland
    #2
    This can be done with CSS animation but i have to say the effect looks awful.
     
  3. haydn! macrumors 6502a

    Joined:
    Nov 10, 2008
    Location:
    UK
    #3
    Would look much better using "transition" from CSS3 which would fade from the black to red a lot more gracefully.
     
  4. snebes macrumors 6502a

    Joined:
    Apr 20, 2008
    #4
    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.
     
  5. HarryPot thread starter macrumors 6502a

    Joined:
    Sep 5, 2009
    #5
    :eek:

    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.
     

Share This Page