LagZero.NET - Foros: Utilizar degradados CSS3 en Internet Explorer 10 - LagZero.NET - Foros

Ir a contenido

Página 1 de 1
  • No puedes empezar un nuevo tema
  • No puedes responder a este tema

Utilizar degradados CSS3 en Internet Explorer 10

#1 Usuario Desconectado   asylos

  • Newbie
  • Pip
  • Grupo: Jugador LagZero
  • Mensajes: 1
  • Registrado: 10-November 11
  • Sexo:Hombre

Publicado el 10 de November de 2011 - 09:36:20 Horas

hola,
para los que renegamos con este navegador, que aunque pierde posiciones, sigue siendo utilizado por lo tanto hay que trabajar para este programa

les dejo este artículito que está interesante, que les parece?

Degradado lineal en CSS3 para Internet Explorer 10

El degradado linealse utiliza para pasar de un color a otro, de forma suave y continuada. Para que Internet Explorer 10 interprete de manera correcta este estilo, se debe escribir con la siguiente sintaxis:

-ms-linear-gradient (, , …);


Al ser opcional, éste nos indica la dirección que tendrá el degradado. Por ejemplo, si queremos que vaya de izquierda a derecha, debemos colocar left right. El segundo parámetro, stop color, es un valor obligatorio y puede seleccionarse de cualquier lista de colores válidos para Internet Explorer 10 . Por último, offset es el porcentaje del efecto sobre el tono. Como ejemplo de degradado lineal podemos escribir lo siguiente:

background-image: -ms-linear-gradient(top right, #FFF133 0%, #16D611 50%, #00A3EF 80%);

Imagen enviada

Degradado circular en CSS3 para Internet Explorer 10

La sintaxis correcta para utilizar este tipo de gradiente es

-ms-radial-gradient , , , );

es un parámetro opcional cuya función es especificar la forma que tendrá el degradado final. es el tamaño de cada forma teniendo en cuenta el valor más cercano al centro. Dentro de esta característica podemos aplicar los siguientes valores: closest-side, closest-corner, farthest-side, farthest-corner, contain y farthest-corner. Un ejemplo de escritura utilizado para declarar el degradado circular y que sea correctamente interpretado por Internet Explorer 10, es el siguiente:

background-image: -ms-radial-gradient(left bottom, circle farthest-side, #F7FF08 0%, #21AD11 50%, #00A3EF 80%);

Imagen enviada


fuente: Utilizar degradados CSS3 en Internet Explorer 10
0

Página 1 de 1
  • No puedes empezar un nuevo tema
  • No puedes responder a este tema

1 usuarios están leyendo este tema
0 miembros, 1 invitados, 0 usuarios anónimos