Plantilla para Intro | "Papel Mojado" by DaviXM

<title>Item Blur Effect with CSS3 and jQuery</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Item Blur Effect with CSS3 and jQuery - Using Box Shadows, Transform and Transitions">
<meta name="keywords" content="blur, css3, transition, jquery, box shadow, text shadow, articles, scale, transform, animation">
<meta name="author" content="Codrops">
<link rel="shortcut icon" href="../favicon.ico" />
<link rel="stylesheet" type="text/css" href="http://davixm.web44.net/Efecto_de_desenfoque_Plantilla/css/demo.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />       <script src="js/modernizr.custom.34978.js"></script>
<div class="container">
<div class="header"><a href="davixm.es.tl/">                     Demo: Porporcionado por: DaviXM                 </a>                 <span class="right">                     <a href="DAVIXM.ES.TL/">                         <strong>Contacto: davixmm@yahoo.es</strong>                     </a>                 </span>
<div class="clr">&nbsp;</div>
</div>
<header>
<h1>Plantilla de Intro<span>por DaviXM</span></h1>
<h2>Utilizando sombras Caja, Transformaci�n y transiciones</h2>
</header>
<section class="ib-container" id="ib-container">             <article>                Aqui el Contenido de la Plantilla del Intro no olvides que esta plantilla de Intro esta adaptado por: DAVIXM &quot;Al nivel de un WebMaster&quot;             </article>          </section></div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>       <script type="text/javascript">
         $(function() {
            
            var $container   = $('#ib-container'),
               $articles   = $container.children('article'),
               timeout;
            
            $articles.on( 'mouseenter', function( event ) {
                  
               var $article   = $(this);
               clearTimeout( timeout );
               timeout = setTimeout( function() {
                  
                  if( $article.hasClass('active') ) return false;
                  
                  $articles.not( $article.removeClass('blur').addClass('active') )
                         .removeClass('active')
                         .addClass('blur');
                  
               }, 65 );
               
            });
            
            $container.on( 'mouseleave', function( event ) {
               
               clearTimeout( timeout );
               $articles.removeClass('active blur');
               
            });
         
         });
      </script>        <!-- Codigo adaptado por DaviXM.es.tl -->