Truco CSS: Text Stroke, agrega Bordes a Textos

Con este truco lograremos hacer algo así:

text-stroke es una propiedad experimental que proporciona opciones de decoración de texto similares a las que se encuentran en Adobe Illustrator u otras aplicaciones de dibujo vectorial — En este ejemplo tenemos una imagen de fondo pero ya dependerá de cómo deseen implementarlo ustedes.

Las propiedades CSS para lograrlo son:

.texto-con-bordes {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #f34573;
}

See the Pen Tuco: Text Stroke by CSS Tianguis (@css-tianguis) on CodePen.

Compatibilidad:

Al ser una propiedad experimental, sólo está disponible en los navegadores con color verde.

Amazon Auto Links: No products found.