Can you add two separate animations to an element?

  • 0
  • 1
  • Question
  • Updated 3 years ago
  • Answered
Archived and Closed

This conversation is no longer open for comments or replies and is no longer visible to community members. The community moderator provided the following reason for archiving: Archived

Hey folks, I'm building revised versions of my websites with the new WebsiteBuilder, and am having a good time playing with the "animations" function. My question is whether I can add two separate animations to an element? Quick description of what I'm trying to do:

Have Element 1's first animation play when the page loads; then
Have Elements 2 and 3 play their animations; then
Have Element 1 play a second and different animation.

Is this possible? I tried to do this through the "add behavior" function, but it wasn't an option.

Thanks in advance for any information.
Photo of SanDiegoTicketExpert

SanDiegoTicketExpert

  • 1,708 Points 1k badge 2x thumb

Posted 3 years ago

  • 0
  • 1
Photo of Drew N

Drew N, Alum

  • 262,816 Points 100k badge 2x thumb
I do not see this as possible at this time. The animations are by element and the elements don't communicate with each other. Very interesting idea though. It is great to see people really dive in. I am very happy to hear you are having fun. Please feel free to tell us what you do and even do not like, or what you would like to see added.
Photo of susan2829

susan2829, Champion

  • 43,192 Points 20k badge 2x thumb
Robert I had to smile at your apparent enthusiasm over the new program. You sound like a kid with a new toy!
It will be interesting to see what you come up with. I will caution you though, that while playing with these new things is fun and tempting to use, keep in mind that animations are a distraction and you want your viewer focused on the content not an animation.
Keep us posted. :)
Photo of Drew N

Drew N, Alum

  • 262,816 Points 100k badge 2x thumb
Excellent point Susan! I forgot to mention that as I was playing with the toy too.
Photo of susan2829

susan2829, Champion

  • 43,192 Points 20k badge 2x thumb
Well Drew you wouldn't be a party of one - I admit to playing with it as well. Trying out all the options is really the only way to learn the program. :)
Photo of SanDiegoTicketExpert

SanDiegoTicketExpert

  • 1,708 Points 1k badge 2x thumb
Hey Drew and Susan, thanks for the quick (as always) replies.

Susan, I do understand and take to heart your caution on not overdoing it with the animations, as the scenario I was addressing is in regard to elements in my heading. When I was previewing changes I'd made on other pages, I noticed the heading elements repeated their animations each time I switched to a new page, and although I thought this was pretty neat at first, soon realized could be annoying/distracting depending on a viewer's mood. To rectify the situation, I turned on the "only play once" function so that after seeing the elements' animations on my landing page, the animations won't repeat each time a new page is viewed.

Drew, I think you're right, but just wanted to clarify something about my scenario to make sure. The elements I described above are my business slogan (Element 1), my phone number (Element 2), and business logo (Element 3). When my landing page loads, my slogan immediately drops in from the top of the screen with the "bounce" animation stating "Traffic ticket troubles? Call the Ticket Expert!" at which point my phone number (which is visible at page loading) performs the "tada" animation, and my business logo (which includes a speeding car silhouette) using the "fly/bounce" animation races in from the left side of the page and comes to a halt directly next to my phone number and underneath the slogan. I was able to use the "delay" function on the phone number and logo animations so that the combined effect of the three animations playing in sequence (I hope) emphasize the message and bring a smile, with the whole sequence taking less than 4 seconds to complete. I would like to add a second animation to my slogan (the "spin" animation) just as the logo races under it, and could accomplish this desired conclusion to what would then be a 4 animation sequence by using the delay function to have the second slogan animation trigger at the appropriate time. So if I can, in fact, add a second animation to the slogan, all 4 animations across the 3 elements would all be wholly independent actions, not dependent on any other action or element.

Sorry to go into such detail, but wanted to make sure that I expressed I am not trying to have one element's animation trigger based on another element's animation, but rather have one element play its animation then play a separate animation a few seconds later using the delay function. Again, sorry for the wall of words, but just trying to make what I'm trying to do clear. Thanks!
(Edited)
Photo of Brian4612

Brian4612, Champion

  • 32,264 Points 20k badge 2x thumb
Ive got a week off soon so can play some more, Mixture at the moment of mystified and then delighted with something else I find. I have archived my SB+ website and looking to upload my graphics to the new site.. ( and revamp quite a bit with the new elements) but a quote from Top Gun.. Looking good so far... learning a lot from you pathfinders so thank you for sharing and smoothing out the glitches.  Another quote,  youve got the lead......Lame I know.. but hey, Im having fun.    :)
Photo of Drew N

Drew N, Alum

  • 262,816 Points 100k badge 2x thumb
I will take another look and do see how you are going about this. Hopefully I will have some time to play with it today.

By the way, a wall of words is fantastic. Detail means I don't need to ask questions as much and can give better answers(usually)

This conversation is no longer open for comments or replies.