I'm working on a project to create a website for our CS faculty. There's one problem though. We want certain elements on the page highlighted in a meaningful manner. The solution must be cross-browser (i.e. must work in IE).
Thus, a question:
How to emulate blink
(works perfectly in IE6) in modern browsers (think Chrome)?
Update: I've found this jQuery plugin to do the blinking, but we don't use jQuery and would prefer a CSS3 fallback for modern browsers.
I wonder why no one has suggested CSS3 Animations:
@keyframes blink {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.blink {
animation: blink 600ms infinite;
}
Demo on JSBin.
You can just use CSS text-decoration
property for that purpose:
For example:
span {
text-decoration: blink;
}
Let all span nodes
blink.. blink.. blink.. blink..
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With