不断变化/倒置的彩色文字

Question

我希望文字从黑色轮廓的白色变为黑色，白色在线不断变化，并且不知道如何做到这一点。

这就是它。

Answer 1

您可以使用适当的样式创建两个css类，并使用javascript setInterval（）在文本上切换它们。

示例

HTML 的

<div id="container" class="black_white text">
TEXT
</div>

CSS

.text {
  font-size: 20px;  
  font-weight: bold;
  -webkit-text-stroke-width: 1px;
}

.black_white {
   color: white;
   -webkit-text-stroke-color: black;
}

.white_black {
   color: black;
   -webkit-text-stroke-color: white;
}

JS（使用jQuery）

setInterval(function() {
    $("#container").toggleClass("black_white");
    $("#container").toggleClass("white_black");
}, 500);