Aplicar box-shadow al contorno de png

gerard094 · #1 (**permalink**) 20/12/2013, 10:58

En mi sitio web:
www.shersydesign.com

Estoy intentando crear un efecto de contorno hover, en realidad lo quiero hacer como animacion no como hover, pero primero quería probar si se puede hacer.

Por lo visto no se puede, o lo estoy haciendo mal.

Tengo la imagen png sin fondo colocada como logo

Y este es el css que apliqué:

Código:

img[src="http://www.shersydesign.com/wp-content/uploads/2013/12/Shers.png"]:hover {
box-shadow: 0px 0px 20px #911cd1;
transition-duration: 1s;
}

Fijense que me marca el div, podría ser esto porque es "box-shadow"? cual es sino la orden css para que se aplique solo al contorno de la imagen?

alzacon · #2 (**permalink**) 20/12/2013, 12:07

Con una imagen no puedes hacerlo, porque una imagen es rectangular (o cuadrada) siempre. Aunque tu tengas transparencias, pero esos pixeles transparentes existen igual que los otros.

gerard094 · #3 (**permalink**) 20/12/2013, 14:21

Entonces como podría lograr ese efecto de brillantez en los contornos del logo? Solo utilizando CSS3

pzin · #4 (**permalink**) 20/12/2013, 15:18

Usa texto, aplícale esa fuente y text-shadow.

alexperaza · #5 (**permalink**) 22/12/2013, 10:14

mete la imagen en un div y aplicale las propiedades al div y no a la imagen