Is it possible to have text gradient effect like HTML5 CSS3 on NET8 MAUI?

I have a piece of HTML like this:

<div class="divNameClass">
    <label class="NameClassHTML">Hello World!</label>
</div>

And CSS:

.NameClassHTML{
    font-size: 39px;
    font-style:normal;
    background: -webkit-linear-gradient(225deg, rgb(245, 66, 78), rgb(66, 245, 147),             
    rgb(66, 129, 245)) 0% 0% / 300% 300%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: 2s linear 0s infinite normal none running fontgradient;
    -webkit-animation: fontgradient 2s linear infinite;
    -moz-animation: fontgradient 2s linear infinite;
    animation: fontgradient 2s linear infinite;  
}
@-webkit-keyframes fontgradient {
    0%{background-position:0% 92%}
    50%{background-position:100% 9%}
    100%{background-position:0% 92%}
}
@-moz-keyframes fontgradient {
    0%{background-position:0% 92%}
    50%{background-position:100% 9%}
    100%{background-position:0% 92%}
}
@keyframes fontgradient { 
    0%{background-position:0% 92%}
    50%{background-position:100% 9%}
    100%{background-position:0% 92%}
}
.divNameClass{
    font-family: Arial, Helvetica, sans-serif;
    background:#121212;
    padding: 1em; font-weight: bold;
    width: fit-content;
    border-radius:39px;
}

For me, the text gradient pattern is very beautiful. But I don’t know how to have this effect on NET8 MAUI.