把图片作为background-image，添加的样式浏览器可以很好的渲染,我将会介绍如何使用box-shadow, border-radius 和 transition创建不同图片样式(圆角 阴影 渐变)等效果

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