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

Announcement Bar (Animation)

Question

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 building the features that Squarespace didn't include
I am a Squarespace Expert and Squarespace Circle Leader with a
strong reputation on the Squarespace Forum. I'm trusted by thousands of Squarespace users worldwide, including designers, freelancers, business owners and agencies. My extensions add capabilities to Squarespace websites around the globe. They include the Enquiry Form ExtensionDatepicker Extension and Age Verification ExtensionNeed a custom Squarespace extension? Tell me about the functionality you need. Note that some links in my posts may be affiliate links. Book a Squarespace Expert when you need help.

Share this post


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)

Share this post


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...