css文字特效-漸變疊加

<div class="text">
    文字特效
</div>

.text{
    background: linear-gradient(40deg, rgba(54, 109, 250, 1) 0%, rgba(204, 59, 251, 1) 100%);
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent; 
font-size: 15px;
}