通过CSS3,大家可以实现多种图片样式。比如,大家可以给图片加边框、给图片添加倒影效果、让图片变得圆角等等。以下是一些常用的CSS3样式图片代码。
/* 给图片加边框 */ img { border: 2px solid #ccc; } /* 给图片添加倒影效果 */ .img-reflection { -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(77%, transparent), to(rgba(255, 255, 255, 0.6))); } /* 让图片变得圆角 */ img { border-radius: 50%; }
以上代码只是CSS3样式图片的一小部分,大家可以根据自己需要去修改代码,达到不同的效果。在实际开发中,应该根据设计要求,选择合适的CSS3样式图片。