[TIP] Sombra a los perfiles con CSS3

[Aportadordelmix]

Hola

Estaba leyendo sobre CSS3 y se me ocurrió hacer un TIP que muestre como poner sombra y bordes redondeados a los post.

Buscar en Themes/default/css/index.css

Code Select Expand

.poster
{
float: left;
width: 15em;
}

Reemplazar por:

Code Select Expand

.poster
{
float: left;
width: 15em;
text-align: center;
-moz-border-radius: 10px;
        -webkit-border-radius: 10px;
box-shadow: 10px 10px 7px #b6b6b6;
}

Obtendrán el siguiente efecto:




También se lo utilizan reemplazando de la siguiente manera:

Code Select Expand

.poster
{
float: left;
width: 15em;
text-align: center;
-moz-box-shadow: 7px 7px 5px #b6b6b6;
        -webkit-box-shadow: 7px 7px 5px #b6b6b6;
        box-shadow: 7px 7px 7px #b6b6b6;
}

Tip Valido para 2.0

Atributo box-shadow para navegadores basados en Mozilla, como Firefox: De manera temporal, Firefox es capaz de interpretar el atributo -moz-box-shadow

Atributo box-shadow para navegadores basados en WebKit, como Safari o Google Chrome: En estos momentos y de manera temporal, navegadores como Chrome o Safari entienden el atributo: -webkit-box-shadow

Fuente de la información

[lucas-ruroken]

muy bueno el tuto

Gracias

[kenet]

muy bueno ABM, pero yo este tuto lo e visto en otra web ya hace tiempo.

[Aportadordelmix]

muy bueno ABM

Gracias.

yo este tuto lo e visto en otra web ya hace tiempo.

El mismo no creo, parecido puede ser. Porque a este lo cree ayer, usando información de la fuente que está en el primer mensaje.

[Raul_Celeste]

Deveras estaba buscando este TIP para hacer ese efecto .!!
Gracias men te luciste.!!

[Aportadordelmix]

Deveras estaba buscando este TIP para hacer ese efecto .!!
Gracias men te luciste.!!

Gracias 

[yeiry27]

buen post xd

[#jsDotx3]

Jaja, excelente tip así se da un nuevo estilo a los perfiles y más con las sombras (aunque hoy en dia con CSS3 se hace maravilla).

Saludos.

[ZerK]

esta bueno el tip pero no me gusta mucho el resultado, quizás poniéndole un fondo diferente con degradado a la caja, porque asi no se ve de donde sale la sombra.