[Tip] Efecto en logo estilo SMFsimple

Efecto en logo estilo SMFsimple

Hola amigos de SMFsimple hoy les traigo un sencillo pero bonito efecto en el logo estilo SMFsimple solo utilizando CSS
Bien vamos a nuestro index.css y buscamos:

Code: [Select]

/* the main title, always stay at 45 pixels in height! */
h1.forumtitle
{
line-height: 45px;
font-size: 1.8em;
font-family: Geneva, verdana, sans-serif;
margin: 0;
padding: 0;
float: left;
}Agregamos despues:

Code: [Select]

h1.forumtitle:hover
{
opacity:0.4;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
/*-ms-filter must come before filter*/
filter: alpha(opacity=40);
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*All filters must be placed together*/
}
Y listo eso es todo.
La opacidad del efecto lo puedes modificar desde esta linea

Code: [Select]

opacity:0.4;

Genial! Buen aporte!