Propiedade CSS "transparencia" - un xeito sinxelo de facer o sitio un deseño máis interesante

Hoxe, a creación de deseño do sitio web torna-se unha forma de arte. Este non é só un conxunto de elementos de páxina dunha determinada cor e tamaño, fontes de diferentes estilos e pinturas temáticas. Co fin de facer o seu sitio web distinto dos outros, para atraer a atención dos visitantes e dirixe-lo para certos elementos, usado un gran número de métodos e ferramentas. Entre eles hai un CSS propiedade moi popular - a transparencia. Esta técnica é moi elegante e glamourosa, e, polo tanto, é frecuentemente utilizado. Transparencia pode dar obxectos diferentes páxinas do sitio - bloque de texto ou toda a imaxe, por exemplo. Tamén alcanzado de diferentes xeitos. Imos examina-los a continuación.

Parámetros especifican os elementos de transparencia

Parámetros para regular a transparencia dos elementos de varios. Son usados en función dos obxectivos específicos, así como o navegador, que está baixo o proxecto "axustado". Estes inclúen as seguintes propiedades:

• opacidade;
• filtrar;
• PNG-imaxe como fondo.

Propiedade valor CSS "transparencia" cambian do seguinte xeito: canto maior sexa o número, menor o nivel de transparencia do elemento. A opacidade, que varía de 0 a 1, no filtro - de 10 a 100. E o último é usado para o navegador Interet Explorer, e os outros bens opacidade aplicable.

Transparencia da imaxe (cambiando)

Imos comezar coas opcións que van aparecer transparente cando mova o elemento arrastrando o rato.

Imos considerar como especificar a transparencia da imaxe. CSS ofrece dúas opcións. Para iso, ten que rexistro-lo directamente no código HTML-documento do seguinte xeito:

1. Especifique o camiño para a imaxe.
2. Definimos os parámetros de transparencia cando o punteiro non é. Para iso, usan as propiedades do onmouseover e onmouseout, que prescribe o valor de opacidade e filtro.

As mesmas características poden ser prescritos en css-documento eo código fonte para engadir unha referencia a el. Os resultados saen do mesmo.

Transparencia de bloques de texto e de páxina

En canto ao texto ou bloque (div transparentes), CSS ofrece a súa opción, semellante á creación dunha imaxe transparente, tes que usar o CSS-arquivo conectado, en que os parámetros desexados son definidos. Pode ir e un xeito máis sinxelo. Cando definir o estilo de div bloque estilo ou texto p prescribir o seguinte código HTML para onmouseover e onmouseout elementos. Ambas as opcións traballar e producir o resultado desexado.

constante transparencia

Nalgúns casos, a transparencia dun obxecto, un elemento de deseño ou o texto que quere definir nunha base continua. Nesta situación, a solución é aínda máis sinxelo do que cando pasa o cursor do rato.

elemento CSS para a transparencia será dado pola seguinte código. En estilo div bloque prescribir valores para o fondo (por exemplo, # ff8800), opacidade (por exemplo, 0,5) ea anchura (ancho) e recheo (recheo).

Para a imaxe valores de código están facendo e filtro de opacidade, e especifica o camiño para a imaxe.

RGBA-Método

Hai outras opcións para usar esta propiedade CSS: transparencia poden aplicar para a cor de base de calquera elemento de deseño. Usa o método RGBA. As primeiras tres letras representan as cores básicas (vermella, fisión, azul), eo último - alfa, que define o nivel de transparencia. Usando RGBA formato prescribe transparencia, sinalando o para o último díxito. Por exemplo, como: fondo: RGBA (240,2,33,0.4035).

conclusión

Así, empregando o curso do traballo na web deseño recurso simple, pero eficaz CSS "transparencia", pode facelo elementos co mínimo de esforzo máis interesante e máis perceptible. As formas de realización descritas son características de transparencia personalizados pode axudar con iso.