Diseño de texto usando sombra/resaltado:
La propiedad text-shadow tiene cuatro parámetros: Color de . Color de amplitud .
Y — desplazamiento vertical de la sombra/resaltado del texto. Un valor positivo es un — desplazamiento hacia abajo, un valor negativo es un desplazamiento hacia arriba. —.
Amplitud cuanto mayor sea el valor, mayor será el grado de desenfoque
Color los colores oscuros darán sombra, los colores claros darán un "resaltado". Ejemplos de uso:;.
adelante
<font style="text-shadow: black 0 0 10px; color:white;">solo sombra </font>
<font style="text-shadow: 1px 1px 1px #000; color: #f9f5ed;">Tahoma con sombra </font>
<font style="text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; color: #ddcca3;">Verbana con contorno </font>
<font style="text-shadow: -1px -1px #666, 1px 1px #FFF; color: #ddcca3;">Verbana deprimida </font>
<font style="text-shadow: 1px 1px 3px #666, -1px -1px 3px #FFF, 1px 1px #666, -1px -1px #FFF; color:#ddcca3;">
Georgia volumétrica </font>
<font style="text-shadow: 0 0 0.2em #F87, 0 0 0.2em #F87; color:DarkGray;"> Neón Tahoma </font>
<font style="text-shadow: 0 0 0.2em #8F7; color:DarkGray;">Neón Tahoma </font>
<font style="text-shadow: 0 0 0.2em #87F, 0 0 0.2em #87F, 0 0 0.2em #87F; color:Black;">Neón Tahoma </font>
<font style="text-shadow:3px 3px 10px red,-3px -3px 10px yellow;color: #101921;"> Garamond, muchos tonos </font>
No olvides configurar los parámetros de texto.
_fuente_
ejemplo:
Texto con sombra
No hay comentarios:
Publicar un comentario