Log in

View Full Version : Rounded Corners on Images?



teap0ts
04-23-2011, 03:39 PM
Does anyone know of any CSS or Javascript that I can use to give all my pictures rounded corners?

james438
04-23-2011, 04:14 PM
<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 (http://www.dynamicdrive.com/forums/editpost.php?do=editpost&p=251858). There were other javascript solutions and css javascript options, but I prefer straight css when I can get it.