WebAppers

/ best free open source web resources /

Shopify

How to Create CSS3 Rounded Image with jQuery

Posted · Category: Information

Nick La was trying to style CSS3 border-radius to image element and he realized that Firefox doesn’t display border-radius on images. Then he figured a way to work around it – wrap a span tag around with the original image as a background-image.

And also, Darcy Clarke has written a piece of  jQuery code which does the magic tag wrapping automatically. You can view the tutorial on CSS3 Rounded Image With jQuery.

round-corner

Source: CSS3 Rounded Image with jQuery

2 Comments
  • http://www.seospidy.com seospidy

    Thanks for quality resource

  • http://websitecenter.ca/ Iouri Goussev

    Wow, just this morning we had this problem (firefox would not display rounded corners on img tag). I sent the link to my web designer. Thanks for the link.

Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons