JSFiddle - React, Tailwind, and code Playground

by prozoroff

HTML

<svg width="1200" height="1200" xmlns="http://www.w3.org/2000/svg">
    <defs>
        <linearGradient x1="0.0000" x2="1.0000" y1="1.0000" y2="1.0000" id="_jsc14132"><stop offset="0%" stop-color="#B6C7E5" stop-opacity="0.9"></stop><stop offset="25%" stop-color="#6A8ECA" stop-opacity="0.9"></stop><stop offset="30%" stop-color="#6A8ECA" stop-opacity="0.9"></stop><stop offset="49.99%" stop-color="#6A8ECA" stop-opacity="0.9"></stop><stop offset="50%" stop-color="#0B46A9" stop-opacity="0.9"></stop><stop offset="70%" stop-color="#356CC8" stop-opacity="0.9"></stop><stop offset="100%" stop-color="#76A6F7" stop-opacity="0.9"></stop></linearGradient>
    </defs>

    <rect fill="url(#_jsc14132)"
          x="10" y="10" width="397" height="500"/>
</svg>