css的background-clip

<template>
  <div>
    <span class="background-clip-container">您好</span>
  </div>
</template>

<script setup></script>

<style scoped>
.background-clip-container {
  font-size: 32px;
  font-weight: 900;

  background: linear-gradient(to right, red, green);
  background-clip: text;
  color: rgba(0, 0, 0, 0);
}
</style>