3d text tests

by Wray Bowling

HTML

<p class="a">Example A: Testing 123</p>
<p class="b">Example B: Testing 123</p>
<p class="c">Example C: Testing 123</p>
<p class="d">Example D: Testing 123</p>
<p class="e">Example E: Testing 123</p>

CSS

.a{
    text-shadow: .5em 0 .2px rgba(0%, 100%, 100%, 0.6), -.5em 0 .2px rgba(100%, 0%, 0%, 0.6);
    color: rgba(0, 0, 0, 0);
}

.b{
    text-shadow: .5em 0 .2px cyan, -.5em 0 .2px #ff6666;
    color: transparent;
}

.c{
    text-shadow: .5em 0 .2px #ff6666;
    color: cyan;
}

.d{
    text-shadow: .5em 0 .2px #ff6666;
    color: rgba(0%, 100%, 100%, 0.8);
}

.e{
    text-shadow: .5em 0 .2px rgba(0%, 100%, 100%, 0.6), -.5em 0 .2px rgba(100%, 0%, 0%, 0.6);
    color: transparent;
}