How can l make a text blink using <blink> tag | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
0

How can l make a text blink using <blink> tag

2nd Feb 2017, 5:53 AM
Ashraf Abo Al Hassan
Ashraf Abo Al Hassan - avatar
2 Answers
+ 5
As previously answered by @Jani Sinkkonen, <blink> tag was never be official html tag, and anyway was declared deprecated... some browser can eventually still support it, but it was in the process of being dropped... You can even do it with tricks, only by CSS, or with the help of JS: I will concentrate on the first, which is to prefer... fall back for older browsers versions, especially IE, if wanted to be supported must be done with JS. Blinking effect consist to alternatively show and hide an element, so let do a class for that: .blink { -webkit-animation: ablink 1s ease-in-out infinite alternate; -moz-animation: ablink 1s linear infinite alternate; -ms-animation: ablink 1s linear infinite alternate; -o-animation: ablink 1s linear infinite alternate; animation: ablink 1s linear infinite alternate; } @-webkit-keyframes ablink { from { opacity: 1; } to { opacity: 0; } } @-moz-keyframes ablink { from { opacity: 1; } to { opacity: 0; } } @-ms-keyframes ablink { from { opacity: 1; } to { opacity: 0; } } @-o-keyframes ablink { from { opacity: 1; } to { opacity: 0; } } @keyframes ablink { from { opacity: 1; } to { opacity: 0; } } Prefixed rules names are required to support maximum of browsers ^^
2nd Feb 2017, 11:20 AM
visph
visph - avatar
+ 1
with luck I guess, since it's never been a standard tag, but was supported by some browsers. Even the css style was deprecated. Trying to make blinking text fashion again, eh?
2nd Feb 2017, 6:46 AM
Jani Sinkkonen
Jani Sinkkonen - avatar