Texto con borde alrededor en CSS3
16 jun 2010 2 comentarios
Con CSS3 (más concretamente con la propiedad text-stroke)es posible crear un texto con color de fuente y además añadirle un borde alrededor del un tamaño y color determinado. Ántes para conseguir este efecto teníamos que tirar siempre de programas de retoque fotográfico y insertarlo como una imágen en el documento.
EJEMPLO
mi texto con borde
<style type="text/css">
.textoborde {
font-size:30px;
font-weight:bold;
-webkit-text-fill-color: black;
-webkit-text-stroke-color: red;
-webkit-text-stroke-width: 0.75px;
}
</style>
<span class="textoborde">mi texto con borde</span>
.textoborde {
font-size:30px;
font-weight:bold;
-webkit-text-fill-color: black;
-webkit-text-stroke-color: red;
-webkit-text-stroke-width: 0.75px;
}
</style>
<span class="textoborde">mi texto con borde</span>
Mi nombre es Jorge, y soy de León. Desde hace algo más de 6 años trabajo de desarrollador web en las disciplinas de diseño, programación y SEO.
2 Comentarios
Alexis, el 09/11/2010 a las 01:26:48
graxx… se hace much mas facil con css3
Diego Amachi, el 04/04/2011 a las 15:59:16
ahora si podré poner la imagen de fondo que me guste sin tener que estar muy contrastado con el color de texto