Pure CSS for website image fillet and shadow effects

Pure CSS for website image fillet and shadow effects

1

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

1
2
3

.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