经过图片时添加透明边框

效果图

html部分代码：

	         <div>
	    			<img src="img/pic.jpg"/>
	    	 </div>

css部分代码：

            div{
				height: 150px;
				width: 150px;
				position: relative;
			}
			div:hover::after{
				content: "";
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
				border: 10px solid rgba(255,255,255,0.6);
				box-sizing: border-box;
			}