一个使用伪元素来实现边框逐渐发光的代码,主要用到scale和opacity这两个属性。
HTML代码:
<div class="light">
<img src="http://tva2.sinaimg.cn/crop.0.0.180.180.180/6830a53bjw8f2qo4xzc2zj20500500t0.jpg"/>
<div class="light-inner">
<p>前端开发博客</p>
<p>关注前端开发</p>
</div>
</div>
CSS代码:
.light{
background: #fff;
width: 180px;
height: 180px;
margin: 100px auto;
position: relative;