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