如何在css/html中对unicode(星形:\u2605)字符进行一半的颜色填充?[副本]

由于这是彩色的,而不是背景色,我们将不得不做一点更多的工作,以使这填补了一半。通常,要将div填充到一半,您可以执行以下操作:

.starHalfFill {
  background: linear-gradient(to right, orange 50%, grey 50%);
}

但由于这是一种基于文本的颜色,我们将不得不针对它。

     .star.star--non-filled {
        background: linear-gradient(to right, orange 50%, grey 50%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
      }

这些属性将以div内的文本为目标,并使填充颜色透明,从而使效果生效。