Border-radius and box-shadow applied to image element. Note: the rounded corners and inset box-shadow doesn't display probably.
Using background-image CSS trick will solve the problem (view source code to find out how).
Note: Google Chrome (Windows version) does not display inset box shadow correctly. View this demo page with Mac Chrome or Firefox.
It works with any image size and inline content.
It works with or without the width and height attribute in the img tag. Note: this image also has a "left" class.
Read related article: CSS3 Rounded Image With jQuery
来源:webdesignerwall 代码整理:脚本分享网 感谢:xiaoqiqi
转载请注明出处,此代码仅供学习交流,请勿用于商业用途。