Problem: Help setting up animated wheels with buttons
Saola Animate version: 3.1.3
OS: Windows 11 64bit
INotes: Hi all, I’m completely new to CSS/HTML animation. Is it possible to design something like in the attached screenshot with Saola Animate?
I want the wheel to spin right/left according to arrow buttons, and when the triangle in the red circle points to the title in the yellow circle, a text box specific to the title would be displayed with text.
In the example attached, I’m simply using a single timeline called ‘dialTL’ that creates a rotation animation and pauses at the points marked by Lights, Camera, Sensor. I then added the text boxes to fade in / out in between the rotation points.
Lastly, I set the control arrows to play the ‘dialTL’ either backwards or forwards.