在css3中，直接在图片上使用box-shadow和border-radius，浏览器并不能很好的渲染。但是如果把图片作为background-image，添加的样式浏览器可以很好的渲染。我将会介绍如何使用box-shadow,border-radius和transition创建不同图片样式效果。通过查看demo能注意到，我们为第一行图片设置了border-radius和内嵌box-shadow。firefox渲染了图片的border-radius，但是没有渲染内嵌box-shadow。chro

在css3中，直接在图片上使用box-shadow 和border-radius，浏览器并不能很好的渲染。但是如果把图片作为background-image，添加的样式浏览器可以很好的渲染。我将会介绍如何使用box-shadow, border-radius和transition创建不同图片样式效果。通过查看demo能注意到，我们为第一行图片设置了border-radius 和内嵌box-shadow。firefox渲