Storyline 360: Flashcards With Flip Animation - Downloads

5,032 Downloads

Here's a flashcard template with a cool flip animation that you can use to teach learners anything from vocabulary to complex concepts and everything in between.

Explore this project.

36 Comments

Miriam Larson

4 years ago01/31/20 at 1:25 pm (UTC)

Cool! Exactly what I've been looking for - thanks for sharing Thomas!

Shanna Rowekamp

4 years ago02/19/20 at 4:52 pm (UTC)

Perfect! thank you!!!!

Erin Ference

4 years ago02/25/20 at 6:30 pm (UTC)

Thank you for sharing! This is great!

Laurie Noffs

4 years ago02/25/20 at 7:16 pm (UTC)

Very nice! How did you add the flipping animation? I didn't see that in your .story file.

4 years ago02/25/20 at 7:24 pm (UTC)

He put a swivel animation on the Back and Front states.

4 years ago02/25/20 at 7:39 pm (UTC)

i am not able to put any animations on my states. Is this supposed to be a feature of states? I've never been able to do that. The Animation option is grayed out for me when editing states.

4 years ago02/25/20 at 8:16 pm (UTC)

Are you using SL360? I'm able to do it.

4 years ago02/25/20 at 8:19 pm (UTC)

Yes. SL360.

4 years ago02/25/20 at 8:32 pm (UTC)

Yes SL 360.

4 years ago02/25/20 at 8:32 pm (UTC)

Laurie Noffs HPN WorldWide, Inc. laurienoffs@hpn.com 630-941-9030

4 years ago02/25/20 at 8:49 pm (UTC)

Hey Laurie, I wanted to let you know that your signature populated here. You can remove that if needed by clicking ‘Edit’ beneath your response.

4 years ago02/25/20 at 8:20 pm (UTC)

Yes, 360.

Estlin JS
Christine Padberg

4 years ago02/25/20 at 8:08 pm (UTC)

Maybe I'm missing something, but on states, animation is grayed out. How did you add animation to a state?

3 years ago01/20/21 at 6:45 pm (UTC)

When you take it out of editing mode for states - then the animation tab lights up.

12 months ago04/21/23 at 4:35 pm (UTC)

Bonjour, 2 ans après la bataille, je tente une question. Déjà des heures que je cherche comme faire tourner cette carte. Merci déjà pour ça mais je ne sais pas ce que ça veut dire "sortir du mode édition" donc partie animation toujours grisée.

Laurie Noffs

4 years ago02/25/20 at 7:25 pm (UTC)

OH!!!! That is so clever! Thank you!

Laurie Noffs

4 years ago02/25/20 at 8:16 pm (UTC)

While looking at the states in Thomas' .story, I see the animations on his states. But I cannot seem to replicate this in a new .story file. My animations pane is also grayed out while editing states. HELP!

4 years ago02/25/20 at 8:32 pm (UTC)

This is strange. If I copy one of his rectangles and paste it into my test story, his rectangle works (animates) just fine, but mine don't!

Christine Padberg

4 years ago02/25/20 at 8:57 pm (UTC)

Sorry - I misspoke! Like the rest of you, I can see the animations and copy them from Thomas's slide, but I cannot add an animation to a state in a new shape. I hope someone figures this out!

Anastasia Blum

4 years ago02/25/20 at 9:01 pm (UTC)

I FOUND THE ANSWER! Although you cannot add animations to shapes created automatically when you add STATES......you can add animation to a shape and then copy/paste it into the STATE. I did JUST THAT with this little sample: https://360.articulate.com/review/content/6cf70967-b23f-4473-a295-bbf96f80d02d/review

4 years ago03/02/20 at 9:28 am (UTC)

Hi Anastasia, thanks for sharing! One more Question: I saw in your example that you have a "print page" functionality in the Player. I assume this is a Java Script command? Would you mind sharing this Java Script as well? I am Looking for such a solution quite a while :-)

4 years ago03/02/20 at 2:22 pm (UTC)

Bernhard, Sure! This is where I got the java script to do that: https://community.articulate.com/discussions/building-better-courses/print-anything-in-storyline Anastasia Blum Sigma, Lead Online Instructional Designer 550 W. North St. Indianapolis, IN 46202 USA 888.634.7575 (US/Canada toll-free) Direct Line: +1.317.917.4974 Fax: +1.317.634.8188 Email: anastasia@sigmanursing.org Web: SigmaNursing.org

3 years ago01/24/21 at 3:39 pm (UTC)

Merci de l'astuce Anastasia. Ça fonctionne pour moi aussi maintenant. :-)

Nikki May
Anastasia Blum

over 2 years ago01/13/22 at 11:54 am (UTC)

I know I'm a bit late to the table...but THANK YOU Anastasia! I spent quite a while scratching my head looking at the sample file above before I read the comments! Thought I was going mad! I shall be using this technique in a few areas as it's so cool!

over 2 years ago01/13/22 at 1:53 pm (UTC)

Nikki, No matter how late, it is always nice to hear I helped someone!

5 months ago11/30/23 at 2:22 pm (UTC)

Thank You, it is what I wanted. Have a good day.

Laurie Noffs

4 years ago02/25/20 at 9:12 pm (UTC)

YAY! I can replicate it now, too, with your copy and paste! Thank you all so much!

Hassan Ali

4 years ago03/23/20 at 6:34 pm (UTC)

Great effect. Just need to how these shapes are flipping despite there is no animation on it? please elaborate.

Joyce Bearden

almost 4 years ago05/18/20 at 1:12 am (UTC)

How do you edit the backside of the flipcard?

over 3 years ago01/09/21 at 5:21 am (UTC)

Hi Joyce. You have to click on the flipcard. The go to States. Edit states :-)

Jeanne Bianca Abad

over 3 years ago01/09/21 at 5:20 am (UTC)

Hi! Amazing template! I love this one and I am using it on my presentation. However, I'm trying to figure out how to change state of NEXT button to NORMAL only when they've flipped both the flashcards. Can anyone help? Thanks so much!

Ann-Marie Gilbert

3 years ago01/26/21 at 6:04 pm (UTC)

Great template - I am using it for case studies. Students are given three options and select the best option. What is the "front" state of the flip card for? On the "normal" state I provided the content for students to select. On the "back" I provide the feedback on their selection When I preview the slide, it shows the normal state first, then back state when clicked. The next click goes to "front" state and stays there. I suspect there is something I am not understanding about. Any ideas?

3 years ago01/26/21 at 7:11 pm (UTC)

I have found and may have heard this in a Storyline tips and tricks type webinar....it's best not to use the "normal" state when working with toggle triggers...the technicality of it is far from my memory at this point, however.

3 years ago01/26/21 at 7:45 pm (UTC)

Hi. The way I use them is the Normal state - is the one they see when they first visit the slide. Then the front and back are the ones that they are presented with when they select - and then it just toggles between front and back in it's most simple form... In effect that gives them 3 states.... just depends how you want to display the info... hope that makes sense.... I just experimented with all three until i got the effect i wanted... :-) Oh and I also use a hover state as well.

Ann-Marie Gilbert

3 years ago01/26/21 at 8:04 pm (UTC)

Thanks for the input. I've split the feedback between the front and back. Seems to work fine so I'll go with that!

Lisa Anderson

3 years ago03/09/21 at 9:31 pm (UTC)

Hey Thomas, By chance, have you published this with the latest release of SL 360? It now seems the ADA aspects - using TAB and enter to flip the card and read the back are no longer working. Anyone else experiencing this?