Forums

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

Home Forums CSS Round corners in Image.

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #32246
    Attila Hajzer
    Participant

    Is it possible to give an Image Rounded Corners with css like this:

    roundedCornerImage{
    border: inside 30px solid #FFFFFF;
    border-radius:30px;
    -webkit-border-radius:30px;
    }

    something like that?

    #52173
    jamygolden
    Member

    border: inside 30px solid #FFFFFF; <-- That 'inside' doesn't exist as a value as far as I know. I don't think it will ever either - It would mess up the box model.

    #52143
    jamygolden
    Member

    Yes, it’s very possible! Check this out https://css-tricks.com/video-screencasts/57-using-css3/

    .round {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    }

    That will round anything that has a class of “round”.

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