Pure CSS for website image fillet and shadow effects



box-shadow: 10px 10px 10px rgba (0,0, .5); -moz-box-shadow: 10px 10px 10px rgba (0,0, .5); -webkit-box-shadow: 10px 10px 10px rgba ( 0,0, .5); border-radius: 5%

Note the upper and lower relationships, you can write a separate CSS declaration For example, only need article pictures to achieve shadow and fillet effect



.content img {box-shadow: 10px 10px 10px rgba (0,0, .5); border-radius: 5%;}

Basically the new version of the mainstream desktop and mobile browser support image fillet and shadow, the image above test, the effect is as follows

标签: CSS, fillet, image, Pure, shadow

添加新评论