Quando você visita uma página da Web , você provavelmente vai encontrar uma série de efeitos diferentes. Muitos efeitos , como desbotamento, é feito com uma combinação de tecnologias . Isso não significa que eles são complicados de produzir, mas eles usam mais de código HTML apenas em linha reta , a fim de completar o efeito . HTML

HTML significa Hyper Text Markup Language. É a linguagem da web. Sua principal função é criar a estrutura da página Web . Os efeitos ou animações incluídas na Web não são criados com HTML. HTML fornece a estrutura para os efeitos . Ela determina que certos itens aparecerá no navegador. Você pode construir uma página da Web inteira em HTML, mas você seria limitada de forma criativa. HTML é usado principalmente para a estrutura e adicionando texto; outra funcionalidade é adicionada com linguagens de script e software de animação
CSS

CSS significa Cascading Style Sheet . . Os elementos em uma página Web são decorados com CSS. CSS permite que um programador para ditar um estilo para um elemento particular, em seguida, usá-lo ao longo de um website. Isso significa que se você quisesse todos os seus títulos para ser ousado e azul , você pode definir esse estilo com uma linha de código , e seria aplicado a cada página do site. Isso elimina a necessidade de recodificar . Com HTML e CSS , você pode adicionar um efeito de atenuação a uma imagem na sua página web.
Alpha

CSS alfa filtro mudanças vão permitir que você alterar a opacidade da imagem . A opacidade dita como a imagem será exibida na tela . Quanto menor a opacidade , aparece o mais desbotado da imagem. Criando um fade é o exemplo perfeito de como HTML e CSS trabalho juntos. Você vai usar HTML para indicar qual imagem para colocar na tela e CSS a desvanecer-se a imagem para a opacidade adequada.

a linha de código acima tem um arquivo de imagem chamado " MyImage " e reduz a opacidade para 40 por cento . O quadro terá um fade um pouco mais do que a metade quando o navegador exibe.
Usa

O efeito de fade pode ser usado algumas maneiras diferentes . Você pode usar uma imagem desbotada como pano de fundo para toda a sua página da Web ou colocar uma caixa transparente sobre uma imagem para tornar o texto mais legível. Opacidade pode ser alterado quando o visitante do site dispara um evento . Como exemplo, você pode desaparecer de uma imagem para uma opacidade de 40, quando o usuário coloca o mouse em cima dela , em seguida, trazê-lo de volta a 100 uma vez que o mouse sai da imagem. Este tipo de efeito é útil quando você quiser indicar que o usuário tenha " escolhido " uma determinada imagem. Um exemplo deste tipo de efeito pode ser encontrado abaixo