Ejemplo de texto en relieve
Para que el texto parezca en relieve el primer color debe ser mas oscuro que el segundo, aqui puedes ver varios ejemplos:Texto en relievePodemos hacer el efecto mas exagerado haciendo las copias completamente opacas (valores de opac1 y opac2=1):Texto en relieve con mas opacidadPodemos darle solo un pixel en vez de los dos que se aplican por defecto:Texto en relieve de 1 pixelEjemplo de texto hundido
Para que el texto parezca estar hundido debemos pasarle el primer color mas claro que el segundo, ejemplos:Texto hundidoPodemos exagerar el efecto haciendo las copias completamente opacas (valores de opac1 y opac2=1):Texto hundido con mas opacidadSolo un pixel y opacidad 1:Texto hundido de 1 pixelEjemplo de borde
Para que el texto parezca estar rodeado por un borde damos a los dos colores el mismo valor, ejemplos:Borde de dos píxelsPodemos hacer las copias completamente opacas (valores de opac1 y opac2=1):Texto con borde opacoSolo un pixel y opacidad 1:Borde de 1 pixelEjemplo de desenfoque
Para que el texto parezca desenfocado damos a los dos colores el mismo valor y poca opacidad, ejemplos:Opacidad 0.1Opacidad 0.3Opacidad 0.5
javaScript-textBorder:
ejemplos
0