用css让头像变圆且鼠标悬停在图片上时会发光

代码如下：

index.html

鼠标未移动在头像上时

鼠标移动到头像上时

如果头像太大， 可以通过样式来限制， 可以在里添加属性style="width: 100px; height: 100px;"

即

效果如下：

另外， z-index值一定要比周围元素的要高， 否则有可能出现头像被其他元素遮挡住， 可以用.img-circle里加上z-index: 99;

如果还想在头像外加上一层border像光晕也是可以的，为突出效果， 我设置body的背景颜色 

完整代码如下：

效果如下：

OK， Enjoy it!!!  例子代码下载