Results 1 to 2 of 2

Thread: Rounded Corners on Images?

  1. #1
    Join Date
    Apr 2011
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Rounded Corners on Images?

    Does anyone know of any CSS or Javascript that I can use to give all my pictures rounded corners?

  2. #2
    Join Date
    Jan 2007
    Location
    Davenport, Iowa
    Posts
    2,385
    Thanks
    100
    Thanked 113 Times in 111 Posts

    Default

    Code:
    <div style="border: 2px solid black;
                border-radius: 30px;
                -moz-border-radius: 30px;
                -khtml-border-radius: 30px;
                -webkit-border-radius: 30px;
                width: 180px;
                height: 240px;
                background: url('http://www.animeviews.com/images/runaways.jpg');" />
    This works in The latest versions of Opera, Firefox, and Chrome. I did not get this to work in IE8 and I do not have IE9. If anyone does have IE9 I would love to hear if this works in that browser.

    I found the solution here. There were other javascript solutions and css javascript options, but I prefer straight css when I can get it.
    To choose the lesser of two evils is still to choose evil. My personal site

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •