JSFiddle - React, Tailwind, and code Playground

by Reddy Prasad Andhe

HTML

<div class="gradient">text</div>


<div>First color : <span id="firstColor"></span></div>
<div>Second color : <span id="secondColor"></span></div>

CSS

.gradient{
    background: linear-gradient(90deg, #00ffff 0%, #ff00ff 100%);
}

JavaScript

var myFirstColor = $('.gradient').css('background').split('linear-gradient')[0];
var mySecondColor = $('.gradient').css('background').split('linear-gradient')[1];

$('#firstColor').text(myFirstColor);
$('#secondColor').text(mySecondColor);