选择裁剪图片区域

一、box-shadow

选择裁剪图片区域
文章图片

.img-cliper { overflow: hidden; position: relative; img { width: 400px; } i { position: absolute; left: 50px; top: 30px; border-radius: 100%; width: 100px; height: 50px; box-shadow: 0 0 0 9999px #a2fc4b; opacity:.5; //不使用rgba兼容部分安卓手机 } }

【选择裁剪图片区域】选择裁剪图片区域
文章图片

引用文章
二、使用border 进行四条边处理

    推荐阅读