Resplandor exterior a imagen .png en javascript

ceaped · #1 (**permalink**) 10/12/2015, 12:54

Buenas tardes

Utilizo este código:

Código Javascript:

Ver originalsourceObj.style.webkitFilter= 'drop-shadow(6px 6px 25px rgba(163,255,15,0.5))';

Pero sólo me funciona en Chrome.

¿Cómo hago para que funcione en los otros navegadores?

Gracias por su ayuda

Alexis88 · #2 (**permalink**) 10/12/2015, 14:27

Mira la lista de navegadores y versiones en los que es soportada esa propiedad. Échale un vistazo a las notas finales.

Un saludo

ceaped · #3 (**permalink**) 10/12/2015, 15:26

Hola Alexis88
Entonces que tiene mal propiedad que solo se visualiza en Chrome?

Gracias por tu ayuda

Alexis88 · #4 (**permalink**) 10/12/2015, 18:46

Puede ser por el prefijo webkit. Ten varias formas, con webkit, moz y sin prefijo.

ceaped · #5 (**permalink**) 11/12/2015, 05:58

Hola Alexis88
Pero mira que lo que sucede es lo incorporo en un javascript no en una hoja de estilos, ahí es donde radica mi problema.

Ya logré que me funcione en Chrome y Firefox pero no en IE

Código Javascript:

Ver originalsourceObj.style.webkitFilter= 'drop-shadow(6px 6px 25px rgba(163,255,15,0.5))';
sourceObj.style.filter= 'drop-shadow(6px 6px 25px rgba(163,255,15,0.5))';

Gracias por tu ayuda

Panino5001 · #6 (**permalink**) 11/12/2015, 06:42

Tenés que "camelizar" los nombres de las propiedades css.
https://es.wikipedia.org/wiki/CamelCase
http://www.javascriptkit.com/javatut...perties2.shtml
:)

ceaped · #7 (**permalink**) 11/12/2015, 06:58

Hola Panino5001
Entiendo lo que dices pero no se cual debo poner para que se vea en IE.

Código Javascript:

Ver originalsourceObj.style.WebkitFilter= 'drop-shadow(6px 6px 25px rgba(163,255,15,0.5))';
        sourceObj.style.filter= 'drop-shadow(6px 6px 25px rgba(163,255,15,0.5))';
        sourceObj.style.msFilter= 'drop-shadow(6px 6px 25px rgba(163,255,15,0.5))';

Gracias por tu ayuda

Alexis88 · #8 (**permalink**) 11/12/2015, 10:13

Quizá esto pueda servirte.

Un saludo

ceaped · #9 (**permalink**) 11/12/2015, 10:49

Hola Alexis88
He leído toda la documentación que me han dado y esto es lo que entiendo resumiendo:

Así se implemente en .css para que se vea en IE

Código CSS:

Ver original-ms-filter: 'progid:DXImageTransform.Microsoft.MotionBlur(strength=50), progid:DXImageTransform.Microsoft.BasicImage(mirror=1)';

Así para javascript, que cambia puse lo que me dice Panino5001 "camelizar"

Código Javascript:

Ver originalmsFilter= 'progid:DXImageTransform.Microsoft.MotionBlur(strength=50), progid:DXImageTransform.Microsoft.BasicImage(mirror=1)';

Código CSS:

Ver original-ms-filter: por msFilter=

Y no se me visualiza en IE

Gracias por tu ayuda