Is It Possible To Make Text Blink?

[Violette]

Forum URL: maisonduviolette.proboards.com


Hi,

I've got a quick question...is there a way to make text blink in a banner using CSS? If so, how would you have to word it?

I would love to have the words in purple blink, which is placed between sets of blinking fireworks.


Thanks,

Violette

[Nscalerr]

Hi Violette

Yes it can probaly be done, but maybe not easily and the text would have to be seperate from the banner itself!

Also it is NOT a good idea due to photo sensitive users visiting the forum, as it may trigger a reaction.

*hugs*

[Violette]

Thanks, Nscalerr! Appreciate your insight on this, and will let that go. Do you think the fireworks would be alright, though? It would be just for a day or two.

Hugs,

Violette

[Nscalerr]

They would probably be ok as long as the flash rate is not too fast.

[Retread]

Hi Violette

I don't think the length of time it's up and available to the public should be a consideration. One view by the wrong person could trigger a problem. Nscalerr was wise to bring up the issue. A HARD blink is likely to be a trigger for some people. If your approach is more suBtle, you can achieve the wow factor you're after but eliminate the possibility of trigger.

As I understand it, there are four factors involved in visual triggering:

• Frequency

  (3-30 flashes per second seems to be the greatest offender but much slower rates can still cause problems)

• Abruptness

  Hard on-off changes (think square wave) are extremely problematic.  Gradual changes (think sine wave) are much less of a problem.  Making changes gradually is probably the most effective way of reducing the possibility of triggering.
  

• Amplitude

  If the change of intensity is less (think light gray to white rather than black to white) this will further reduce the risk of triggering. 
  

• Area.

  Larger areas are more likely to trigger than smaller areas.
  

Your banner will follow the viewer to every page on your forum they visit. With that in mind, a suBtle approach might be even more valuable to you. Beyond trigger considerations, something that screams for attention can become a nuisance for everyone. A whisper can actually have far more power than a shout.

Text variations

A while back, we saw some announcements on the Support Forum which had the background color shifting.  Way cool, mostly because they were subtle.  Scott was using CSS Keyframes to accomplish this.  A script in the board header targeted the background-color of a specific thread.  I can't find the original reference, but here's a modified copy I use for one important thread on my forum:

SPOILER: Click to show

<script>
$(document).ready(function() {
$('#thread-5317').addClass('unique');
});
</script>
<style>
.unique, .unique.state-hover {
-webkit-animation-name: example; /* Safari 4.0 - 8.0 */
-webkit-animation-duration: 5s; /* Safari 4.0 - 8.0 */
animation-name: example;
animation-duration: 5s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
0% {background-color: white;}
25% {background-color: #ffeeee;}
50% {background-color: #eeeeff;}
80% {background-color: #eeffee;}
100% {background-color: white;}
}

/* Standard syntax */
@keyframes example {
0% {background-color: white;}
25% {background-color: #ffeeee;}
50% {background-color: #eeeeff;}
80% {background-color: #eeffee;}
100% {background-color: white;}
}
</style>

guitarnuts2.proboards.com/board/28/guitar-wiring

I personally don't have the knowledge and skills to adapt this to apply to the forum title text but I'm sure one of the code-wise member here could.  Obviously, instead of background-color: it would be color: 

Of course that would apply to whatever text you have as your forum title.  And the font-family would be limited to whatever fonts you have installed on your forum and selected for your banner text. 

---

Would using an animated gif as your Forum Logo be a simpler approach?

[Violette]

Wow, Retread ! What a great post! Lots of good information.

Would using an animated gif as your Forum Logo be a simpler approach?

That's actually a great idea!


A consideration for me is the length of time the theme will be used. It was created just for the re-opening of the forum, and won't be displayed more than a day or two. It might be best if I just remove the fireworks...the insanely bright colors should be enough to say "festive." LOL


Thank you so much for the information,

Violette

[Kami]

As someone who is severely photosensitive, almost nothing makes me leave a website faster something that will trigger my migraines.

That also includes bright cacophonous colours, regardless of whether or not they’re animated, as well as gifs. While some gifs are okay, the goals you’ve described in this thread make me incredibly wary as a user and while you may think they’re ~fun~ and ~festive~ to me they sound like an absolute nightmare.

[Violette]

Sept 13, 2018 12:08:08 GMT -8 Kami said:

As someone who is severely photosensitive, almost nothing makes me leave a website faster something that will trigger my migraines.

That also includes bright cacophonous colours, regardless of whether or not they’re animated, as well as gifs. While some gifs are okay, the goals you’ve described in this thread make me incredibly wary as a user and while you may think they’re ~fun~ and ~festive~ to me they sound like an absolute nightmare.

I deeply appreciate your honest comments, Kami. I had no idea about the photosensitive thing until asking my question here. It's good to know this stuff! Glad you shared more information about this.