HTML significa Hyper Text Markup Language . Es el lenguaje de la Web. Su función principal es la creación de estructura de la página web . Los efectos o animaciones incluidas en la Web no se crean con HTML. HTML proporciona el marco para los efectos . Dicta donde ciertos elementos aparecerán en el navegador. Usted puede construir una página web entera en HTML, pero usted se limita creativamente . HTML se utiliza principalmente para la estructura y la adición de texto , otra funcionalidad se agrega con lenguajes de scripts y el software de animación
CSS
CSS significa Cascading Style Sheet . . Los elementos de una página Web son de estilo con CSS . CSS permite a un programador para dictar un estilo para un elemento en particular , a continuación, utilizar a lo largo de un sitio web. Esto significa que si usted quería todas sus partidas a ser valientes y azul , se podría definir este estilo con una línea de código , y se aplicaría a todas las páginas del sitio web. Esto elimina la necesidad de volver a codificar . Con HTML y CSS, se puede añadir un efecto de desvanecimiento de una imagen dentro de su página Web.
Alfa
el filtro alfabético cambios CSS le permitirá cambiar la opacidad de la imagen . La opacidad dicta cómo aparecerá la imagen en la pantalla . Cuanto menor sea la opacidad , aparece el más desvaneció la imagen . Creación de un fundido es el ejemplo perfecto de cómo HTML y CSS trabajan juntos. Utilizará HTML para indicar que en la imagen para colocar en la pantalla y CSS a desaparecer la imagen de la opacidad adecuada
< img src = " miimagen.jpg " href = " 150 " = "150" . alt = estilo " MyImage " = " opacidad : 0,4 ; filtro: alpha ( opacidad = 40 ) " />
la línea de código anterior tiene un archivo de imagen llamado " MyImage " y reduce la opacidad al 40 por ciento . La imagen tendrá un lanzamiento un poco más de la mitad cuando el navegador muestra.
Utiliza
El efecto de fundido se puede utilizar de diferentes maneras . Puede utilizar una imagen descolorida como fondo para su página web entera o colocar una caja transparente sobre una imagen para hacer el texto más legible. La opacidad se puede cambiar cuando el visitante del sitio Web activa un evento . A modo de ejemplo , puede desaparecer una imagen para una opacidad del 40 cuando el usuario coloca el ratón en la parte superior de la misma, luego traerlo de vuelta a 100 una vez sale del ratón sobre la imagen . Este tipo de efecto es útil cuando se quiere indicar que el usuario ha "seleccionado " de una imagen particular. Un ejemplo de este tipo de efecto se puede encontrar abajo
< img src = " miimagen.jpg " style = " opacidad : 1 ; filtro: alpha ( opacidad = 100 ) ." />