When applying CSS3 inset box-shadow or border-radius directly to the
image element, the browser doesn't render the CSS style perfectly.
However, if the image is applied as background-image, you can add any
style to it and have it rendered properly. Darcy Clarke and I put a quick tutorial together on how to use jQuery to make perfect rounded corner images
dynamically. Today I'm going to revisit the topic and show you how much
more you can do with the background-image CSS trick. I will show you
how to use box-shadow, border-radius and transition to create various
image styles.
http://webdesignerwall.com/tutorials/css3-image-styles
No comments:
Post a Comment