Gradient Text

by Saksham Malhotra

HTML

<h1>
  This is a sample heading
</h1>

CSS

h1 {
  font-size: 48px;
  background-image: linear-gradient(to bottom right, #f28888 1%, #7a5e91 70%);
  text-transform: uppercase;
  font-family: Arial;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}