Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › CSS › [Solved] Gradient Circle Not Working

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 10, 2015 at 12:43 am #195438
    wolfgang1983
    Participant

    I cannot seem to get my gradient working in the middle does not show up on fire fox.

    Gradient works fine on Google Chrome & IE

    http://codepen.io/riwakawebsitedesigns/pen/dPJYRq

    http://codepen.io/riwakawebsitedesigns/pen/dPJYRq

    February 10, 2015 at 5:14 am #195455
    Shikkediel
    Participant

    It is because there is no default gradient without a prefix. Removing -moz- should be enough. Nowadays you really only need the default one plus another with a -webkit- prefix to make it work cross browser.

    February 10, 2015 at 5:42 am #195461
    wolfgang1983
    Participant

    Tried that no luck

    February 10, 2015 at 5:49 am #195462
    Paulie_D
    Member

    This works for me

    background: radial-gradient(circle, #6DB5DB, #1e6993);

    http://codepen.io/Paulie-D/pen/ByJzzg

    February 10, 2015 at 6:03 am #195465
    wolfgang1983
    Participant

    Thanks all all working now. I under stand it now.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘CSS’ is closed to new topics and replies.