title: CSS Social Icon Hover Effect?
body: <p>I am trying to give hover effect, but can't understand how to give it. I am doing like this simple method, i don't know much about the hover effects.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="social"&gt;    
              &lt;ul&gt;
                  &lt;li&gt;&lt;a href="#"&gt;&lt;img src="http://i.imgur.com/nHJ6Loa.png" alt="facebook" class="fbhover"&gt;&lt;/a&gt;&lt;/li&gt;
  
          &lt;/ul&gt;
  </code></pre>
  
  <p>CSS for facebook icon:</p>
  
  <pre><code>.fbhover:hover {
      background-image:url(http://i.imgur.com/bdMNHnw.png);
      background-repeat:no-repeat;
  }
  </code></pre>