Forums

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

Home › Forums › CSS › How to make top-half rounded corner with smooth landing?

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • November 24, 2014 at 2:14 am #189056
    Ansif
    Participant

    Hi,

    I want to make a top-half rounded corner for one of my project. Client is not like to slice that as image. Because it’ll change page by page color – Select by meta-box.

    rounded corner

    I know how to do top-half but its not smooth landing like above image. What i need to do for right and left curved landing?

    Thanks,
    Ansif

    November 24, 2014 at 3:11 am #189061
    Paulie_D
    Member

    You’d probably be better off using an SVG for that…it’s very hard (if not impossible) to do that shape with CSS.

    https://css-tricks.com/svg-tabs-using-svg-shape-template/

    November 24, 2014 at 6:22 am #189080
    Sedana
    Participant

    You can play around with something like this
    http://codepen.io/Sandra/pen/gbppVg

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