ubiquitour.com

Cómo hacer efectos de brillo con CSS

Cómo hacer efectos de brillo con CSS

Con una animación archivo Graphics Interchange Format y Cascading Style Sheets, tienes la oportunidad de hacer brillar efectos en tu página Web. El GIF contiene brillo digital, móvil y el CSS asigna la decoración a elementos de página. Por ejemplo, puede aplicar los destellos a hipervínculos o mostrar un fondo animado en tu sitio Web. Utilice un archivo GIF animado y su programa de editor de texto para hacer brillar efectos donde prefieras.

Instrucciones

1 Iniciar sesión en tu cuenta de propietario de la Web y cargar su archivo GIF animado en la misma carpeta o directorio donde residen los archivos de su sitio Web. Anote la dirección URL de archivo después de la carga, por ejemplo, http://www.yoursite.com/images/sparkle.gif. Si no tienes una cuenta de host, apunte su navegador a un host gratuito de archivos en línea, como archivo gotero o Host del archivo de datos, siga las instrucciones para subir el brillo GIF y anote la URL una vez finalizado el proceso.

2 Inicie su programa editor de texto y abra el documento de página web donde desea realizar efectos de brillo. Coloque el cursor delante del elemento final < / cabeza > en la parte superior y escriba el siguiente código CSS:< estilo tipo = "text/css" >

< / estilo >

3 Introduce un elemento HTML entre las etiquetas de estilo para determinar donde se aplique la animación de brillo en tu página. Por ejemplo, tipo "a" para los enlaces, "p" para los párrafos o "cuerpo" para toda la página. Entrar en un par de llaves después de su entrada como tal:< estilo tipo = "text/css" >{cuerpo}< / estilo >

4 Tipo "imagen de fondo: url ('archivo dirección URL');" entre las llaves y cambiar la entrada "Dirección URL de archivo" con la dirección de su archivo GIF animado. Para ilustrar:body { background-image: url('http://www.yoursite.com/images/sparkle.gif'); }

5 Guardar el archivo y vista previa en un navegador. Cuando esté listo, subir el documento en el host de Web para publicar los efectos de brillo.

Consejos y advertencias

  • Puede crear imágenes de chispa libre en animated GIF maker sitios como Glitterizer, Webestools y Glitterboo. Siga las instrucciones en el sitio para crear una imagen y descarga el GIF animado para tu ordenador.