设置一半星星的颜色

Question

如何只为一半的星星设置颜色？喜欢下图吗？

\n

\n

    <span className={"star"}>\n     \xe2\x98\x85\n    </span>\n

\n

Answer 1

body {\n  font-size: 60px;\n}\n\n\n.half {\n  display: inline-flex;\n}\n\n  .half > div:first-child {\n  overflow: hidden;\n  width: 27px;\n  z-index: 1;\n  color: #f97d00;\n}   \n  .half > div:last-child {\n  position: relative;\n  margin-left:-27px;\n}\n <span class='half'><div>\xe2\x98\x85</div><div>\xe2\x98\x85</div>\n

\n