fingerprint scanner

by Carl Angelo Nievarez

HTML

<div class="print_window">
    <div class="print_scanner"></div>
</div>

CSS

body {
    background: black;
}
div.print_window {
    border: 1px solid green;
    width: 75px;
    height: 100px;
    margin: 10px auto;
    position: relative;
}
div.print_scanner {
    border: 1px solid black;
    width: 71px;
    position: absolute;
    top: 2px;
    left: 1px;
}
div.print_scanner.scanning {
    border: 1px solid white;
}
}

JavaScript

var scanner = $('.print_scanner');
$('.print_window').hover(
    function() { 
        scanner.addClass('scanning').animate({
            top: 96px
        }, 2000, function() { console.log('done'); });
    },
    function() { 
        scanner.removeClass('scanning');
    }
);