background-clip
text
position
static
<div class="text"> Some text with fancy color </div>
.text { border: 1px solid black; text-align: center; width: 600px; padding: 30px; font-size: 50px; font-weight: 900; background-image: linear-gradient(to right, #9b6f08, #176e0b, #0b5d82); -webkit-background-clip: text; background-clip: text; color: transparent; }