Circle Image Glow Test

by soulwire

HTML

<a class="dot" href="#"></a>

<canvas id="canvas" width="400" height="400"></canvas>

CSS

body {
    background-color: #222;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#2F2727));
    /* just used to test transparency
    background-image: url("http://www.bittbox.com/wp-content/uploads/2007/03/using_patterns_0.png");*/
}

#canvas {
    margin: 20px 0;
    box-shadow: 0 0 5px rgba(0, 0, 255, 1);
}

.dot {
    width: 22px;
    height: 22px;
    display: block;
    background-image: url("http://soulwire.co.uk/files/test.png");
    border-radius: 11px;
    /*border: 4px solid rgba(1,1,1,0.3);*/
    -webkit-box-shadow: 0 0 40px #FFF;
    -moz-box-shadow: 0 0 40px #FFF;
    box-shadow: 0 0 40px #FFF;
}