title: How to perform webkit transform scaling
body: <p>I'm attempting to edit this code below.</p>
  
  <pre><code>#snaps .content-area .snap-item {
      width: 350px;
      height: 215px;
      border: 5px solid #fff;
      background-color: #fff;
      float: left;
      display: inline-block;
      margin: 0 20px 50px;
      -webkit-transition: all .15s linear;
      -moz-transition: all .15s linear;
      -o-transition: all .15s linear;
      transition: all .15s linear;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      -o-border-radius: 10px;
      border-radius: 10px;
  }
  #snaps .content-area .snap-item:hover {
      -webkit-transform: scale(1.1, 1.1);
      -moz-transform: scale(1.1, 1.1);
      -o-transform: scale(1.1, 1.1);
      -ms-transform: scale(1.1, 1.1);
      transform: scale(1.1, 1.1);
  }
  </code></pre>
  
  <p>It creates a zoom in function but in fact I would like to do the opposite or have options for what i can do on a hover state. I've looked but can't seem to find anything definitive so hopefully some knowledgeable folks here can help out!</p>
  
  <p>Thanks in advance.</p>