Forums

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

Home Forums CSS Applying CSS rounded corners to gradients???

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #38886
    .featured .content-wrapper {
    background-color: #7ac0da;
    background-image: -ms-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
    background-image: -o-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #7ac0da), color-stop(1, #a4d4e6));
    background-image: -webkit-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
    background-image: linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
    color: #3e5667;
    padding: 20px 40px 30px 40px;

    I want to apply rounded corners to the top two corners of this gradient, How do I do it? I have tried border-radius it does not seem to work.

    #106048
    Jeager
    Member
    #106053
    rikok30
    Member

    just add this line


    border-top-left-radius:5px;
    border-top-right-radius:5px;

    selintas.info.

    #106080

    Thanks allot guys don’t know what I was doing wrong

    #106135

    Magic, Thanks

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.