title: Using CSS, how do you create larger elements when the mouse is over them?
body: <p>The effect seen is that the boxes increase in size when the mouse is over them, and there is a drop shadow too.</p>
  
  <p>When the mouse is not over the boxes, they go back to the same size with no drop shadow.</p>
  
  <p><strong>Normal:</strong>  </p>
  
  <p><img src="https://i.stack.imgur.com/tvncc.png" alt="enter image description here"></p>
  
  <p><strong>Mouse over:</strong>  </p>
  
  <p><img src="https://i.stack.imgur.com/mrLVy.png" alt="enter image description here"></p>
  
  <p>Scroll over the boxes to see the effect <a href="http://bestlinkbuildingservice.net/buy-facebook-likes.html" rel="noreferrer"><strong>here</strong></a>.</p>