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:
- Especifique o caminho para a imagem.
- 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
constanteEm 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.