title: How to give fadein effect to a div tag using CSS
body: <p>I have a <code>Ul</code> tag on <strong>hover</strong> of it, I display a <code>div</code> using css.<br>
  Now i want that div tag will 1st fadein or any other effect like animate etc.<br>
  I know it can be done easily by using <code>jQuery</code>, but want to know can i achieve this using Html5,css3,css</p>
  
  <p><a href="http://jsfiddle.net/Cedue/" rel="nofollow">Here JsFiddle</a></p>