title: Linear Transition for Padding .3s
body: <p>I'm trying to make a nice transition effect for my <code>navbar</code> items where on hovering they will smoothly change position with padding using the <code>linear</code> <code>transition-timing-function</code> over <code>.3</code> seconds.</p>
  
  <p>Here is what I've tried:</p>
  
  <pre><code>.navbar-nav &gt; li &gt; a {
      padding-top: 26px;
      padding-bottom: 4px;
  }
  .navbar-nav &gt; li &gt; a:hover {
      padding-top: 15px;
      padding-bottom: 15px;
      transition: .3 linear; /* I need to figure out what to do in this line */
  }
  </code></pre>
  
  <p>Any help would be much appreciated! :)</p>