Cómo hacer que los efectos de la chispa con CSS

Con un archivo de formato de intercambio de gráficos animados y Cascading Style Sheets, usted tiene la oportunidad de hacer que los efectos de la chispa en su página web. El GIF contiene digital, brillo en movimiento y el CSS asigna la decoración de elementos de la página. Por ejemplo, se puede aplicar a los destellos hipervínculos o mostrar un fondo animado en su sitio web. Utilice un archivo GIF animado y el programa editor de texto de su computadora para hacer que los efectos de la chispa en el que prefiera.


  • Ingrese a su cuenta de alojamiento web y subir su archivo GIF animado en la misma carpeta o directorio donde sus otros archivos de página web residen. Tome nota de la dirección URL del archivo después de la carga - por ejemplo, http://yoursite.com/images/sparkle.jpg. Si usted no tiene una cuenta de organizador, dirija su navegador a un host gratuito de archivos en línea, tales como cuentagotas Archivo o host de archivos de datos, siga las instrucciones para cargar el GIF chispa y registrar la URL después de que el proceso se haya completado.

  • Video: Tutorial After Effects CS6 Hacer Humo realista (smoke) con CC Particle World Español

    Poner en marcha su programa editor de texto y abra el documento página web en la que desea realizar efectos de centelleo. Coloque el cursor antes de la finalización elemento en la parte superior y escriba el siguiente código CSS:

  • Introducir un elemento HTML entre las etiquetas de estilo para determinar donde se aplica la animación brillo en su página. Por ejemplo, el tipo "A" para los enlaces, "p" para párrafos o "cuerpo" para toda la página. Introduzca un par de llaves después de su entrada, así:

  • Tipo "Imagen de fondo: url ( `dirección URL del archivo`) ;" entre las llaves y reemplazar la entrada "Dirección URL del archivo" con la dirección de su archivo GIF animado. Para ilustrar:
    body {background-image: url (`http://yoursite.com/images/sparkle.jpg`) -}

  • Video: Tutoriales Photoshop CS6: Como Hacer El Efecto De Texto De Fuego En Photoshop CS6 (by PhotoPipo)

    Video: HTML5 y CSS3, Crear Animacion de Objetos

    Video: TUTORIAL PHOTOSHOP // Destellos de luz

    Guarde el archivo y una vista previa en un navegador. Cuando esté listo, subir el documento al servidor web para publicar los efectos de centelleo.

Consejos advertencias

  • Puede crear imágenes chispa libres en sitios web de fabricante de GIF animados como Glitterizer, Webestools y Glitterboo. Siga las instrucciones en el sitio para crear una imagen y descargar el GIF animado a su equipo.
Artículos Relacionados