Round, spinning and lights Image Effects

Round, spinning and lights Image Effects is a spherical image effect when the mouse highlight will spin and light up


CSS

.ash img{width:115px; height:115px; border-radius:100px; 
border:8px solid rgba(0,0,0,0.2); margin:18px 50px 0 75px; 
background:rgba(0,0,0,0.2); border-radius:100px; transition:all 500ms ease-in-out}
.ash img:hover{-webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); 
color:#161616!important; border:6px solid #39DCE3; 
background-color:#71DFE3; -moz-box-shadow:0 0 10px #39DCE3,0 0 30px #39DCE3,0 0 50px #39DCE3,0 1px 3px #000!important;
-webkit-box-shadow:0 0 10px #39DCE3,0 0 30px #39DCE3,0 0 50px #39DCE3,0 1px 3px #000!important; box-shadow:0 4px 6px rgba(0,0,0,0.25),0 0 10px #39DCE3,0 0 30px #39DCE3,0 0 50px #39DCE3,0 1px 3px #000!important}

HTML

<div class="ash img">
<img src="https://imageurl" />
</div>

See the Pen GkFsu by ash nareswari (@ashavenger) on CodePen.