Css propriedade "transparência" - uma maneira simples para fazer um projeto interessante website

click fraud protection

Hoje, a criação de design do site se torna uma verdadeira arte.Não é apenas um conjunto de páginas de uma determinada cor e tamanho, fontes, estilos diferentes e temáticos imagens.A fim de fazer um site diferente dos outros, para atrair a atenção dos visitantes e enviá-lo para aqueles ou outros elementos usando um grande número de métodos e ferramentas.Entre eles há um css propriedade muito popular - a transparência.Esta técnica é muito elegante e glamourosa, e, portanto, é usado frequentemente.Você pode dar a transparência das várias páginas objetos - texto, imagem, ou toda a unidade, por exemplo.Também pode ser conseguido de diferentes maneiras.Vamos examiná-los abaixo.Parâmetros

para definir a transparência dos elementos parâmetros

que permite ajustar a transparência dos elementos de vários.Eles são usados ​​dependendo dos objetivos específicos, eo navegador, que está sob o projeto "ajustado".Estas incluem as seguintes propriedades:

  • opacidade;Filtro
  • ;
  • PNG-imagem como um fundo.

valores das propriedades css "transparência" são alteradas como se segue: quanto maior for o número, mais baixo é o nível de transparência do elemento.A opacidade que varia de 0 a 1, no filtro - de 10 a 100. E o último é usado para o navegador Interet Explorer, e para todas as outras propriedades aplicável é a opacidade.Imagem

Transparência (mudando)

começar com opções quando transparência se manifestará quando você mover o cursor do mouse para o item.

considerar como definir a transparência da imagem.CSS oferece duas opções.Para fazer isso, você deve registrá-lo no código html-documento da seguinte forma:

  1. Especifique o caminho para a imagem.
  2. define os parâmetros de transparência quando o cursor não é.Para isso, use as propriedades onmouseover e onmouseout, que prescreve o filtro de valor e opacidade.

Essas características podem ser prescritos em css-documento eo código-fonte para adicionar um link para ele.Os resultados saem da mesma.

blocos de texto transparente e página

Como para o texto ou bloco (div transparente), css oferece sua opção, semelhante à criação de uma imagem transparente, que é usado conectado arquivo css, que será dado os parâmetros necessários.Você pode ir e uma maneira mais simples.Quando você define o bloco estilo div style ou texto p prescrever os seguintes elementos código HTML para onmouseover e onmouseout.Ambas as opções de trabalho e obter o resultado desejado.

Transparência

constante

Em alguns casos, a transparência do objeto, um elemento de design ou o texto que você deseja definir em uma base contínua.Nesta situação, a solução é ainda mais simples do que com o rato.

elemento css para a transparência será dado o seguinte código.No bloco estilo div prescrever valores para o fundo (por exemplo, # ff8800), a opacidade (por exemplo, 0,5) e a largura (width) e padding (preenchimento).

para fotos com o código está fazendo valores e filtro de opacidade, e especificar o caminho para a imagem.

RGBA-método

Há outras opções para usar esta propriedade css: transparência pode ser aplicado para a cor de um elemento do projeto do fundo.Ele usa o método de RGBA.As primeiras três letras representam as cores básicas (vermelho, fissão, azul), eo último - alfa, que define o nível de transparência.Usando RGBA em formato prescreve transparência, apontando-o para o último dígito.Por exemplo, como: fundo: rgba (240,2,33,0.4035).

Conclusão

Assim, usando no decurso dos trabalhos sobre o design do site é simples, mas espetacular propriedade css "transparência", você pode fazer-lhe elementos de um mínimo de esforço mais interessante e mais perceptível.A transparência desempenho concretizações trabalho descrito irá ajudá-lo com isso.