Skip to main content
M
malavika234309228ask
Participant
March 4, 2022
Answered

TIme trigger doesnt work in a screen which has a component in hover effect

  • March 4, 2022
  • 1 reply
  • 783 views

Hello 

I am designing an iceberg amidst the waves of a ocean. I have animated the waves using time trigger and refered to this tutorial - https://www.youtube.com/watch?v=Ev3fSi7P66c&t=4s&ab_channel=Thecreativetechnologist . And i have also created a hover effect on a button. The problem I am not able to make both the hover animation and time trigger work together. I think hover effect cancels on the time triger . this design is for a landing page . How do I solve this 

 

This topic has been closed for replies.
Correct answer Spas K.

These days you can use Lottie files for that sort of animation that will play while you're doing other things and won't get interrupted by triggers etc. To create a lottie animation you need to use Adobe After Effects and a plugin called Bodymovin. You can read more about it here. When you generate a .json file from the Bodymovin plugin, you can import it into Xd and it will play or loop automatically while viewing the prototype, depending on how you set it up. You can learn more about using Lottie in Xd here.

 

Otherwise, the limitation of only one trigger / action happening at the same time is still here and likely to stay, so I'm afraid this is your only option 🙂

1 reply

C
Community Manager
Chethan GirishCommunity Manager
Community Manager
March 4, 2022

Hi There,

 

Thank you for reaching out and sorry to hear you are facing trouble using Adobe XD.Basically Only one interaction can occur at a time so if you have a time trigger and then do a hover trigger and Interaction with time trigger will get canceled. To Investigate your Issue and to understand the behaviour of your workflow,we would like to know a few more details like-

  1. The version of XD, Creative cloud
  2. Is it possible to share video of your Issue or published prototype link , so that we understand the workflow of your design and try to reproduce your Issue from our end.

 

Please let us know if you need more assistance on this. We'd be happy to help.

 

Thanks,

Chethan G

    ryang2723
    ryang2723
    Participant
    July 4, 2022

    Yes, I'm having the exact same problem. If the user doesnt drag off the hover the animation doesn't happen.

    Spas K.
    Community Expert
    Spas K.Community ExpertCorrect answer
    Community Expert
    July 5, 2022

    These days you can use Lottie files for that sort of animation that will play while you're doing other things and won't get interrupted by triggers etc. To create a lottie animation you need to use Adobe After Effects and a plugin called Bodymovin. You can read more about it here. When you generate a .json file from the Bodymovin plugin, you can import it into Xd and it will play or loop automatically while viewing the prototype, depending on how you set it up. You can learn more about using Lottie in Xd here.

     

    Otherwise, the limitation of only one trigger / action happening at the same time is still here and likely to stay, so I'm afraid this is your only option 🙂

      Terms & ConditionsAccessibility statement
      Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices