JSFiddle - React, Tailwind, and code Playground

by Cath_kb

HTML

<div class="red green">Зеленый или красный?</div>
<div class="grad"></div>

CSS

.green {
    color: #0f0;    /* зеленый */
}
.red {
    color: #f00;    /* красный */
}     
.grad {
    height: 100px;
    border: 1px solid;
     background-image: -webkit-radial-gradient(center 45deg, circle closest-side, orange, red 10%, orange 30%);
    -o-repeating-linear-gradient(top left -45deg, red, red 5px, white 5px, white 10px);





/*    background: -webkit-radial-gradient(center 45deg, circle closest-side, orange 0%, red 100%);*/
}