如何用两种颜色为单词着色？ [复制]

Question

如何用黑色和紫色为单词着色，如图所示。enter image description here

<h3 id="logo"> tripbit</h3>

#logo {
    font-family: 'Comfortaa', cursive;
    font-style: normal;
    font-weight: bold;
    font-size: 47.0943px;
    line-height: 53px;
    letter-spacing: -0.05em;
    color: #000000;
}

Answer 1

有很多选择：

1. 对文本应用梯度。
2. 用不同的颜色和等效的 z-index 在 :: before 上覆盖相同的文本。
3. 您可以为每个字母添加<span>，并在css中赋予相应的颜色。