Tiles with Building Text - Layers or Selected State?
I've built 2 versions of a slide with 3 tiles that the user will click to reveal bullets. Version 1 has several layers to "flip" a card when the user clicks it (no animation actually). I used this tutorial as inspiration for both versions of the slide I want to build.
- Tile 1 is in full color to indicate the card is ready to flip,
- then the back of the card builds text using the fade animation
- After Tile 1 is complete, the back continues to show, and Tile 2 turns from monochrome to color to indicate it's ready to click. Repeat for Tile 3.
- When the 3rd card finishes, the Next button goes back to normal state.
Problem: The transition between layers seems abrupt - any way to "soften" the change from the monochrome/disabled image to the color/normal image?
Version 2 contains the same tiles using only Normal and Selected states and no layers. The user can click any tile first, but the text appears all at once. Is there a way to use the fade animation on the Selected state?
Alternatively, what triggers would I add to the layered version to enable a user to click the tiles in any order and leave the backs revealed after clicking?
Thanks,
Ashleigh in Atlanta :)