js: image rollover reveal

js: image rollover reveal

//Rollover Image Effect with jQuery and CSS

//jQuery

$( document ).ready(function() {

$('.project.teaser').hover(
		function(){
			$(this).find('.project.description').fadeIn(1);
		},
		function(){
			$(this).find('.project.description').fadeOut(250);
		}
	);

});

//CSS

.project.description {
	position: absolute;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	padding: 1rem;
	display: none;
}