Text Outline

Fake an "outer" text stroke using text-shadow.

by mlms13

HTML

<h1>This Is Text!</h1>

CSS

body {
    background: #8ce;
    margin: 40px;
}
h1 {
    color: #8ce;
    font: bold 42px sans-serif;
    margin: 0;
    padding: 0;
    text-shadow: -3px 1px 0 #fff,
        -3px -1px 0 #fff,
        -2px 2px 0 #fff,
        -2px -2px 0 #fff,
        -1px 3px 0 #fff,
        -1px -3px 0 #fff,
        1px 3px 0 #fff,
        1px -3px 0 #fff,
        2px -2px 0 #fff,
        2px 2px 0 #fff,
        3px -1px 0 #fff,
        3px 1px 0 #fff;
    -webkit-transform: perspective(400);
    -webkit-box-reflect: below -8px -webkit-linear-gradient(transparent 20%, rgba(0,0,0,0.4));
}