Giving a Gradient Color to Text with CSS

Comments (0)

Views (332)

Normally, we set the gradient color transitions as the background as follows.

<div>test</div>

<style>
div {
    background: linear-gradient(to right, #cae587 0%,#ea9a75 100%);
}
</style>

If we want to apply this process to the article, we will do as follows;

<div>test</div>

<style>
div {
    display: inline-block;
    font-size: 70px;
    background: linear-gradient(to right, #cae587 0%,#ea9a75 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
</style>

When you are stuck while you are coding or when you need to relax yourself comment section is waiting for you. Ask what you don't know, answer what you know !