Caja de texto que se ilumina

[centi]

Hola. He entrado en esta web:

[URL="http://brankic1979.com/theme/Coolture/dark/aquamarine/"]http://brankic1979.com/theme/Coolture/dark/aquamarine/ [/URL]

y he visto que en la categoria "latest blog post" al pasar el raton por una de las tres cajas de texto, esta se ilumina... Alguiem me puede decir el codigo que debo guardar en mi css?

Quiero tanto la caja, como el contenido del interior, y que se ilumine al pasar el raton.



Dejo el CSS [URL="http://brankic1979.com/theme/Coolture/dark/aquamarine/css/blog.css"]http://brankic1979.com/theme/Coolture/dark/aquamarine/css/blog.css[/URL]

[alexk]

En ese sitio esta por jquery :S....

Código Javascript:

/***************************************************
      ADDITIONAL CODE FOR COLOR HOVER EFFECT
***************************************************/
        
    // box-dark hover effect        
        jQuery(document).ready(function($){
                $(".box-dark").hover(function() {               
                $(this).stop().animate({ backgroundColor: "#00778f" }, 300);
        },function() {
                 $(this).stop().animate({ backgroundColor: "#333333" }, 500);
        });
  });
        
    // box-color hover effect       
        jQuery(document).ready(function($){
                $(".box-color").hover(function() {              
                $(this).stop().animate({ backgroundColor: "#333333" }, 300);
        },function() {
                 $(this).stop().animate({ backgroundColor: "#00778f" }, 500);
        });
  });
 

igual vale con CSS div{...} div{...} y para el efecto en el hover "transition"

Código CSS:

div:hover{
-o-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease;
}
 

por ejemplo

PD: welcome

[sauljps]

Iniciado por alexk

igual vale con CSS div{...} div:hover{...} y para el efecto en el hover "transition"

Código CSS:

div:hover{
-o-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease;
}
 

por ejemplo

PD: welcome

El Transition no se pone en el elemento de :hover porque sino cuando le quitas el Mouse la animación vuelve a la animación de golpe

Se lo pones en el elemento sin el hover :) De resto perfecto

Saludos

[alexk]

error mio...