小编Ahm*_*hah的帖子

如何仅闪烁背景而不是文本

我只需要闪烁背景颜色,而不是文本。而我却做不到这一点。我需要你的帮助。

.blink{
        width:200px;
        height: 50px;
            background-color: magenta;
        padding: 15px;  
        text-align: center;
        line-height: 50px;
    }
.text{
        font-size: 25px;
        font-family: cursive;
        color: white;
        animation: blink 1s linear infinite;
    }
@keyframes blink{
0%{opacity: 0;}
25%{opacity: .5;}
50%{opacity: 1;}
75%{opacity: .5;}
100%{opacity: 0;}
}
Run Code Online (Sandbox Code Playgroud)
<div class="blink">
  <span class="text">blinking text</span></div>
Run Code Online (Sandbox Code Playgroud)

html css

-1
推荐指数
1
解决办法
975
查看次数

标签 统计

css ×1

html ×1