jQuery Border Fade

by Ankit Patidar

HTML

<div class="confession"></div>

CSS

div{
    width:50px;
    height:50px;
    margin:5px;
    border:3px dashed rgba(0,0,0,1);
    background:#eee;
}

JavaScript

setTimeout(function(){
    
    var div = $('.confession');
    $({alpha:1}).animate({alpha:0}, {
        duration: 1000,
        step: function(){
            div.css('border-color','rgba(0,0,0,'+this.alpha+')');
        }
    });
    
}, 5000);