CODEWITHSUNDEEP
htmlcssblazortext-decorations
Frasher Gray
Frasher Gray

Reputation: 616

Setting text-decoration-line to blink Doesn't Do Anything in Blazor

I'm trying to make text blink so as to draw the user's eye to it, but the text-decoration-line doesn't do anything when set to blink, despite all other variables applying correctly.

I found this question that says IE doesn't support it, so do no Microsoft products support it at all? Should I try and invest time in making a css animation instead?

HTML Code:

<p class="loading-text">@LoadingMessage</p>

CSS Class:

.loading-text {
    margin-bottom: 6px;
    text-decoration-line: blink;
    color: #26b050;
    text-decoration-style: double;
    position: center;
    text-align: center;
}

(The color was randomly picked so I could be confident the class was actually being applied correctly).

Upvotes: 0

Views: 102

Answers (1)

Frasher Gray
Frasher Gray

Reputation: 616

Blink is deprecated, and most web browsers no longer support it.

If you are stumbling across this question because you are as unfamiliar with HTML as I am, Look up CSS animations like @Lex suggested.

Upvotes: 0

Related Questions