Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...

Gillian

Members
  • Content Count

    6
  • Joined

  • Last visited

Community Reputation

0 Newbie

About Gillian

  • Rank
    Newbie
  • Birthday 07/30/1984

Profile Information

  • Gender
    Male
  • Location
    Brussels
  1. Ok. Thanks, it works with the loop.
  2. Hi again, I have another issue about the drop area. Actually, the whole exercise is in a "box" div and there are some other divs with everytime one exercise ; user can navigate from one to the other using a next and previous button. I can't show it on a codepen (it doesn't work). But here is a part of the html structure (box 1, box 2 are not displayed together but one by one) : <div class="box box-1 current" id="box1"> <div class="consigne">Complète les expressions à l’aide des mots suivants :<br><br> <div class="move" id="word1">vol</div> &
  3. Thank you for the replies. I checked the examples but it seems still a bit complicated for me. I did a codepen ; you can find it here : http://codepen.io/Gillian-D/pen/PzvOqz What I'm trying to do is to show the drop area when the label is on (hover) and bring the label back to his place if it doesn't enter the drop area.
  4. Hi everybody, I was wondering if it was possible - I'm sure it is actually but I don't know how exactly - to define a drop area in which draggable elements would go. I saw the "trigger" property but I don't know how to use it. For instance : I created 6 labels like so : <div class="move" id="word1">vol</div> <div class="move" id="word2">nuée</div> <div class="move" id="word3">rangée</div> <div class="move" id="word4">bande</div> <div class="move" id="word5">tas</div> <div class="move" id="word6">pile</div> I g
  5. Yes it works perfectly now! Thank you very much.
  6. Hi all, I'm a beginner with GSAP and I've got a problem with the "staggerFrom" tween. All "move" divs are animated : they are coming together (like one raw) and not one by one. I don't understand why, I don't know where the problem is. Could you help me, please ? Thank you very much. Here is my HTML code : <div class="consigne"><b>Complète les expressions à l’aide des mots suivants :<br><br> <div class="move" id="word1">vol</div> <div class="move" id="word2">nuée</div> <div class="move" id="word3">rangée</div> &l
×