如何制作透明文字?

问题描述

重要:我了解rgba和不透明度,我想制作一个透明的文本,而不是透明的背景。像那样 enter image description here 当您可以看透文字

解决方法

尝试一下:

.text-clips-the-background-class{
    font-size: 30px;
    font-weight: 900;
    background: linear-gradient(to right,#33525f,#4dfb43);/*Set image here*/
    -webkit-text-fill-color: transparent;/*Two essential lines*/
    -webkit-background-clip: text;
}