Thumbnails con borde redondos y shadow negro de 4px

[syntex]

Hola Buenas.

Como se aria Un Thumbnails con borde redondeado de Como ejemplo 5px y con sombra de Como ejemplo negro de 5px?

Muchísimas gracias

[wizanchez]

- metelo dentro de una div es lo mas practico

Código CSS:

.bordes_sombra{
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 1px 1px 10px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    1px 1px 10px rgba(50, 50, 50, 0.75);
box-shadow:         1px 1px 10px rgba(50, 50, 50, 0.75);
 
}
 

Código HTML:

<div class="bordes_sombra"><img src="direccion imagen"></div>
 

- si necesitas otra clase de sombras me escribes

[syntex]

Ok pero seria en css
Pero seria una opción.

Muchisimas gracias

[pateketrueke]

Lo mejor es con CSS, ya que hacerlo con GD/Imagick además de gastar recursos sin sentido para un efecto que se consigue perfectamente con CSS, eso sin contar que el algoritmo no es sencillo.

Además permite que cuando cambies de diseño y quieras que la sombra sea de otro color no tengas que procesar las imágenes nuevamente.

Yo lo veo excelente con CSS, cualquier otra cosa es pérdida de tiempo.

[wizanchez]

es lo mejor en css, como dice pateketrueke,
otra cosa seria chambonada