<div id="root"></div>#root {
width: 300px;
height: 300px;
background:
linear-gradient(45deg, rgb(124 69 255) 0%, 50%, transparent 50%) 30px 29px / 241px 239px no-repeat; /* Gradient 1 */
}<iframe
src="https://gra.dient.art/embed/u684f3zobg"
title="Right Triangle | GradientArt"
width="300"
height="300"
style="border: 0; max-width: 100%; aspect-ratio: 300 / 300; height: auto;"
loading="lazy"
></iframe>