Does Hype have a way to make a repeatable animation action? Almost like a symbol, but without a specific element inside.
For example, if I want each letter in a sentence to jump up in exactly the same manner, only at different times, is there a way to apply a single Origin (top) action to each letter and then, if I decide I want to modify the value, I can change a single number and all instances are affected?
I thought maybe I could create a symbol of an empty nested group with the animation applied to the inner group and then slip my element inside instances of that symbol, but I guess that’s not possible.
I did see this conversation on the forum that leads me to think I can’t do what I'm hoping to.
You can do this after including the script with one line of code using Hype Data Decorator mapping data-label to the class .label. The decorator defaults to setContent being an action that sets innerHTML if the corresponding CSS class is an endpoint. You could, of course, use any other name. You can also download the Hype Data Decorator if you don't want to link it through the CDN.
I've been playing with the Hype Symbol Override and lovin' this additional functionality. There's one instance where I can't get it to behave, which could be 100% user error.
I can't get an override to alter the fill color of an SVG. I've tried both an embedded SVG and an HTML widget with the SVG code. My sample file here has background colors applied, just to show that I've got the override extension configured properly.