JSFiddle - React, Tailwind, and code Playground

HTML

<div></div>

CSS

div{
    width: 300px;
    height: 300px;
    background:
        linear-gradient(180deg, rgba(255,0,0,0.5) 50%, rgba(0,0,255,0.5)),
        linear-gradient(135deg, rgba(255,255,0,1) 50%, rgba(0,255,0,1));
}