atomix glow

glow created using a callback.

by Adam Kinnucane

HTML

<div class= "wrapper">
  <div class="glow">
  <img src="http://i839.photobucket.com/albums/zz317/headphonesgfx/Atomix%20Logo_zpstb93wao4.png" width="100%"/>
 </div>
<div class="image">
  <img src="http://i839.photobucket.com/albums/zz317/headphonesgfx/Atomix%20Logo_zpstb93wao4.png" width="100%"/>
</div>
</div>

CSS

.wrapper {
  position: relative;
  margin: 0 auto;
  max-width: 400px;
}

.glow {
   position: absolute;
   display: none;
    opacity: 0.8;
}
.glow img {
  -webkit-filter: drop-shadow(0px 5px 15px purple);
  /* Safari */
  filter: drop-shadow(0px 5px 15px purple);
}

JavaScript

function fin() {
$('.glow').fadeIn(3000,fout);
}

function fout() {
$('.glow').fadeOut(3000,fin);
}

fin();