Диагональный градиент

by webref

HTML

<div>Диагональный градиент от левого верхнего угла в правый нижний угол.</div>

CSS

div { 
 background-image: linear-gradient(to bottom right, yellow, purple); 
 width: 200px;
 padding: 10px;
}