Animation in cards

[crispy68]

I see with many objects in the Events tab the options of 'onscrollreveal' and 'onscrollrevealpartial'. The card has this option as well but there is no way to choose any of the objects that are actually in the card itself. I have a button/icon in a card that I want to animate only once when the card is scrolled into view.

For the button/icon itself, there is Events but the above is not an option. What is the best way to accomplish this? Are there any demos/templates demonstrating this? I found Scroll Effects/motion effects demo for cards but couldn't find a way to download the demo.

[crispy68]

I may have figured it out using scroll transitions. However, I like the idea of the 'onscrollreveal' option as I can have the animation do it only once. Is there a way with scroll transitions to have this animate only once when scrolling? Other options to make this happen?

I see there is a way to use animation-name. Am I able to use one of the animations already built? I tried selecting one but it didnt animate. Do I need to add more than just the animation name to make it work?

[crispy68]

Unless there is a different way to do it, for now I copied the .js code generated for other objects doing the same animation that I wanted and manually added it to the page html. The icons now will animate the 1 time when they come into the viewport.

[Pablo]

There is no option to select individually items in a card. Although this may be technically possible, it would add hundreds of extra items in the list and in most cases the names/ids of these items do not make sense for the regular user.