Css propiedad "transparencia" - una forma sencilla de hacer un diseño de enlaces de interés

Hoy en día, la creación de diseño de sitios web se convierte en un verdadero arte.No es sólo un conjunto de páginas de un determinado color y tamaño, fuentes, diferentes estilos y temáticas imágenes.Con el fin de hacer un sitio web diferente de los demás, para atraer la atención de los visitantes y enviarlo a unos u otros elementos utilizando un gran número de métodos y herramientas.Entre ellos hay un css propiedad muy popular - la transparencia.Esta técnica es muy de moda y glamour, y por lo tanto es de uso frecuente.Usted puede dar a la transparencia de las diversas páginas de objetos - texto, imagen, o toda la unidad, por ejemplo.También se puede lograr de diferentes maneras.Examinemos a continuación.Parámetros

para ajustar la transparencia de elementos parámetros

que permiten ajustar la transparencia de elementos de varios.Se utilizan en función de los objetivos específicos, y el navegador, que está bajo el diseño "ajustado".Estos incluyen las siguientes propiedades:

• opacidad;Filtro
• ;
• PNG-imagen como fondo.

valores de las propiedades css "transparencia" se cambian de la siguiente manera: cuanto mayor sea el número, menor es el nivel de transparencia del elemento.La opacidad que varía de 0 a 1, en el filtro - de 10 a 100. Y el último se utiliza para el navegador Interet Explorer, y para cualquier otra propiedad aplicable es la opacidad.Imagen

Transparencia (cambiar)

comienzan con opciones a la transparencia se manifestará al mover el cursor del ratón para el artículo.

considerar cómo establecer la transparencia de la imagen.CSS ofrece dos opciones.Para ello, debe registrarse en el código HTML-documento de la siguiente manera:

1. Especifique la ruta a la imagen.
2. define los parámetros de transparencia cuando el cursor no lo es.Para ello se utilizan las propiedades onmouseover y onMouseOut, que prescribe el filtro de valor y la opacidad.

Estas características se pueden prescribir en css-documento y el código fuente para agregar un enlace a ella.Los resultados resultan de la misma.

bloques de texto transparente y página

En cuanto al texto o bloque (div transparente), css ofrece su opción, similar a crear una imagen transparente, que se utiliza-archivo css conectado, que será entregado a los parámetros necesarios.Usted puede ir a una manera más sencilla.Cuando se establece el bloque de estilo div style o texto p prescribir los siguientes elementos HTML-Code por onmouseover y onmouseout.Ambas opciones funcionan y dan el resultado deseado.

Transparencia

En algunos casos, la transparencia del objeto, un elemento de diseño o el texto que desea establecer en forma permanente.En esta situación, la solución es aún más simple que con el ratón.

elemento css para la transparencia se dará el siguiente código.En el estilo div bloque prescribir valores de fondo (por ejemplo, # ff8800), la opacidad (por ejemplo, 0,5) y la anchura (width) y el relleno (padding).

para las fotos en el código están haciendo valores y filtro de opacidad, y especificar la ruta a la imagen.

RGBA método

Hay otras opciones para utilizar esta css propiedad: la transparencia se puede aplicar al color de fondo de un elemento de diseño.Se utiliza el método de RGBA.Las primeras tres letras representan los colores básicos (rojo, fisión, azul), y el último - alfa, que establece el nivel de transparencia.Usando RGBA formato prescribe la transparencia, apuntando a la última cifra.Por ejemplo, como: Fondo: rgba (240,2,33,0.4035).

Conclusión

tanto, utilicen en el curso de los trabajos sobre el diseño del sitio es simple pero espectacular propiedad css "transparencia", que puede hacer que los elementos de un mínimo esfuerzo más interesante y más notable.La transparencia rendimiento realizaciones trabajo descrito le ayudará con esto.