JSFiddle - React, Tailwind, and code Playground

by keeffEoghan

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<h1>Deep red sample</h1>
<h1>Light sample - easier to see</h1>

CSS

h1 {
    font: 50px bold;
    background: #000000;
    color: #ffffff;
}

h1:first-child {
    background: #ffffff;
    color: #8c0000;
}

JavaScript

$('h1').each(function() {
    var $this = $(this),
        color = $this.css('color');
    
    $this.css('text-shadow',function() {
        var result = 'rgba(0,0,0,0.7) 0 -1px, '+color+' 0 -1px';
        $this.after('<p>'+result+'</p>');
        
        return result;
    });
});