Post: Can anyone test this span class for me? HTML
Options
01-25-2016, 05:00 AM
#1
Devious
Treasure hunter
<!DOCTYPE HTML>
<html><body><span class="blink">Blink</span></body></html>
It won't work for me. If anyone can confirm it works. It blinks a text also if anyone can tell me where would i put this class and how would i call it? i tried
<h2><span class="blink">Welcome!</span><h2> - No worky
<h2>Welcome!<h2/>
<span class="blink"></span> - No worky
01-25-2016, 06:07 AM
#2
Frosty
error
Originally posted by Devious
<!DOCTYPE HTML>
<html><body><span class="blink">Blink</span></body></html>
It won't work for me. If anyone can confirm it works. It blinks a text also if anyone can tell me where would i put this class and how would i call it? i tried
<h2><span class="blink">Welcome!</span><h2> - No worky
<h2>Welcome!<h2/>
<span class="blink"></span> - No worky
You need to define the class in CSS.
This is how I did mine:
<style>
.blink {
-webkit-animation-name: blinker;
-webkit-animation-duration: 1s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-name: blinker;
-moz-animation-duration: 1s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
animation-name: blinker;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@-moz-keyframes blinker {
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}
@-webkit-keyframes blinker {
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}
@keyframes blinker {
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}
</style>
Put this in the head of your site.
Copyright © 2026, NextGenUpdate.
All Rights Reserved.
