Blog Post

Discover
1 MIN READ

Storyline 360: Card Hover Animation

AndrzejJaboski-'s avatar
AndrzejJaboski-
Community Member
6 years ago

This understated Storyline 360 template uses a card layout with a sophisticated hover animation effect. You can get a glimpse of this effect in action, below.

 

Published 6 years ago
Version 1.0
  • AmandaHarvey's avatar
    AmandaHarvey
    Community Member
    Andrzej, this looks so neat! I downloaded this, but, I cannot figure out how to replace IMGs A and B.
    I'm new to Storyline so do you have any tips?

    Many thanks and well done!
    • AndrzejJaboski-'s avatar
      AndrzejJaboski-
      Community Member
      Hi Amanda! Sorry for the delay but I've just noticed your question.

      In the demo template I've used shapes so there are two ways how to replace them. You can edit a state and add a picture there or replace these shapes with any other images, copy motion path and triggers.

      If you need any help, let me know:)
      • NicoleCrozier's avatar
        NicoleCrozier
        Community Member
        Hi! Both IMG A and IMG B are larger than the hotspot, yet when you preview slide, only the part of the image under the hotspot is shown. When I replace the shapes with my own images, that stops happening. What setting do I have to set to have only the parts of my image under the hotspot show up?
  • davefaldasz's avatar
    davefaldasz
    Community Member
    Hi Amanda! I am still learning too. It is in the Layers bottom right. I opened layer card1 and card1H and pasted a small picture on each - then ran it again. Nice app Andrzej made! Apps can have hundreds of layers added to a single screen! Pretty amazing. Try building your own screen and add a layer with something pasted into it, to see what happens. You can use a trigger to have the layer "show" when you click on something.
  • BrendaMadala's avatar
    BrendaMadala
    Community Member
    I had to write an introduction for myself and used this template! Thank you so much for your design and willingness to share!
  • DeborahDuffy's avatar
    DeborahDuffy
    Community Member
    This looks great, thanks. I've downloaded the file but it is read only. How do I amend please? Thanks