March 2, 2017 12:56 pm GMT
Original Link: https://css-tricks.com/text-stroke-stuck-middle/
Text Stroke: Stuck In The Middle With You
There is a non-standard way to stroke HTML text (SVG has a standard way). It's not particularly new. There are -webkit-
and -moz-
prefixes for it. Jen Simmons recently posted about it, with an example:
span {
-moz-text-fill-color: #fde;
-webkit-text-fill-color: #fde;
-moz-text-stroke-color: #666;
-webkit-text-stroke-color: #666;
-moz-text-stroke-width: 2px;
-webkit-text-stroke-width: 2px;
}
And she's right:
This CSS isn't fully-baked or fully-supported. But it's good enough to be used today, especially since it's simply offering a visual enhancement. It's not mission critical …
Text Stroke: Stuck In The Middle With You is a post from CSS-Tricks
Original Link: https://css-tricks.com/text-stroke-stuck-middle/
Share this article:
Tweet
View Full Article