#example3{
color: black;
font-size: 34px;
-webkit-text-stroke: 1px black;
-webkit-text-fill-color: white;
}
body {
-webkit-text-stroke: 0.5px black;
}
.strokeme {
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
.stroke
{
color: white;
text-shadow:
-1px -1px 0 #000,
1px -1px 0 #000,
-1px 1px 0 #000,
1px 1px 0 #000;
}
.introText {
text-shadow: 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 1px black;
}
h2{
color: white;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: black;
}
h1 {
/* Prefix required. Even Firefox only supports the -webkit- prefix */
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: black;
}
-webkit-text-stroke: 1px red;
/*
1px is the text outline width and red is the color.
NOTE: This may be invisible to Microsoft Edge, FireFox and some other
browsers so, it is wise to use the text-shadow technique instead.
text-shadow: -1px -1px 0 red, 1px -1px 0 red, -1px 1px 0 red, 1px 1px 0 red;
*/
h1 {
/* Prefix required. Even Firefox only supports the -webkit- prefix */
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: black;
}