title: How to trigger css :hover event on PageLoad
body: <p>I am developing an application where i want to open a cover on Pageload . Currently it is opening on hover. Also i want to bring out the page from inside to outside after opening the cover.</p>
  
  <pre><code>        &lt;div id="onw" class="envelope"&gt;
            &lt;p&gt;From: &lt;span&gt;LOREM&lt;/span&gt;&lt;/p&gt;
            &lt;p&gt;To: &lt;span&gt;IPSUM&lt;/span&gt;&lt;/p&gt; 
        &lt;/div&gt;
        &lt;div class="open"&gt;&lt;/div&gt;
          &lt;div id="onee" class="content"&gt;
          &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.&lt;/p&gt;
          &lt;p&gt;Lorem ipsum dolor sit amet&lt;/p&gt;
        &lt;/div&gt;
  </code></pre>
  
  <p>CSS is too long to copy here so i have copied my code into Jsfiddle </p>
  
  <p><strong>JSFiddle Example :- <a href="http://jsfiddle.net/rushijogle/4vs0r6zx/" rel="nofollow">http://jsfiddle.net/rushijogle/4vs0r6zx/</a></strong></p>
  
  <p><strong>If you dont agree with the question plz dont mark as a negative</strong> </p>
  
  <p>Thanx in Advance</p>