Efectos especiales de texto en HTML

Autor: Laura McKinney
Fecha De Creación: 2 Abril 2021
Fecha De Actualización: 20 Noviembre 2024
Anonim
Efecto De Texto iluminado En HTML y CSS
Video: Efecto De Texto iluminado En HTML y CSS

Contenido

HTML y CSS pueden producir algunos efectos legales de texto, además de formatos estándar, como el tamaño de fuente y el color del fondo. Efectos especiales en HTML hacen que el texto aparezca y se comporte de maneras inusuales, que llaman la atención del espectador. Utilícelos para animar una página detenida o aumentar un texto simple.


Efectos especiales de texto en HTML (Polka Dot RF / Polka Dot / Getty Images)

Drop Cap (letra capitular)

En el procesamiento de texto, un drop cat amplía la primera letra de un párrafo. Puede reproducir este efecto en sus páginas web utilizando HTML y CSS. Utilice la propiedad flotante para alinear la letra capitular y el tamaño de fuente para aumentar su tamaño con respecto al resto del texto del párrafo. Coloque los caracteres en las etiquetas "span".

Ejemplo:

Y este es un ejemplo de un efecto drop cap utilizando la propiedad float.

Texto móvil

El efecto "marquee" (margen) en HTML hace que el texto se mueva de maneras diferentes. El comando "direction" (sentido) en el código indica al navegador donde el texto se mover: arriba, abajo, izquierda o derecha. El atributo de comportamiento (comportamiento) describe cómo se moverá el texto. El atributo "Scroll" (deslizamiento) hace que el texto se mueva más allá de su área visible y, a continuación, aparezca de nuevo. El comando "diapositivas" hace que el texto se detenga al final del margen, mientras que el "alternate" (alternativo) hace que el texto se mueva de un lado a otro. Utilice el comando "scrollmount" (total de desplazamiento) para determinar la velocidad, siendo que cuanto mayor sea el número, más rápido será el desplazamiento.


Ejemplo:

¡Rolando el texto hacia arriba!

Título mouseover (pasando el ratón por encima)

La etiqueta span de HTML permite que un texto aparezca en el área donde se inserta. Por ejemplo, si desea añadir un resumen de un párrafo, inserte el texto usando la etiqueta span.

Ejemplo:

Texto del párrafo aquí.