title: How to make an item fall down with css3 animation
body: <p>I am working on an exercise about CSS 3 animation. I am stuck on how to keep the item falling down the page at full speed without requiring the user to follow it down with the mouse without resorting to javascript. So just when you hover the mouse over the box the box will fall down.</p>
  
  <p>Here is my code:</p>
  
  <pre><code>&lt;p class="exp9"&gt;&lt;strong&gt;box&lt;/strong&gt;&lt;/p&gt;
  
  strong {
      margin-top: 20em;
  }
  
  p:hover strong {
      display: block;
  }
  
  p:hover strong:hover {
      margin-top: 20em;
  }
  </code></pre>
  
  <p>My code just make the text inside the box drop down. Any idea? Thank you</p>