Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Announcement Bar (Animation)


LouisianaJoan

Question

  • Answers 2
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

If you are trying to engage your audience, I encourage you to look at alternative design options in preference to anything that blinks or flashes. If not used properly, you could alienate the very peo

I agree with Paul. Having said that, I once had a client that insisted against my repeated advice. I managed to convince them to only have it blink a few times and only on the home page. Something lik

2 answers to this question

Recommended Posts

  • 1

If you are trying to engage your audience, I encourage you to look at alternative design options in preference to anything that blinks or flashes. If not used properly, you could alienate the very people you want to attract. It can also be a problem for users with disabilities and is frowned upon by several accessibility standards.

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digital, a specialist company helping Squarespace users by building the features that Squarespace didn't include.
Explore our range of Squarespace Extensions, including the Wishlist, and Datepicker Extension or book a Squarespace Expert for 1:1 help. Note that links in my posts may be affiliate links.

Link to post
  • 0

I agree with Paul. Having said that, I once had a client that insisted against my repeated advice. I managed to convince them to only have it blink a few times and only on the home page. Something like this:

.homepage .sqs-announcement-bar-dropzone {
  animation: flash 0.9s linear;
  animation-iteration-count: 4;
}

@keyframes flash {
  50% {opacity: 0.5;}
}

There may be better approaches, of course.

If a response helped you out, send a 'Like' 👍 (bottom-right) and/or 'Upvote' vote.jpg.c260784ece77aec852b0e3049c77a607.jpg (top-left)

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...