A Pen by Daniel.

index.html

<ul>
  <li><a href="#">Lorem</a></li>
  <li><a href="#">Ipsum</a></li>
  <li><a href="#">Dolor</a></li>
  <li><a href="#">Sit Amet</a></li>
</ul>  

style.sass

@import "compass"
ul
  list-style: none
  font-family: 'Helvetica Neue'
  font-weight: normal
  width: 160px
  &:hover
    a
      background-color: #f70
      -webkit-transition: background-color 600ms linear
  li
    a
      display: block
      background-color: #c30
      margin-top: 0px
      padding: 10px
      color: #fff
      text-decoration: none
      width: 160px
      -webkit-transition: background-color 600ms linear
      -webkit-transition-delay: 200ms
      &:hover
        background-color: #c30
        -webkit-transition: background-color 200ms linear
        -webkit-transition-delay: 0s
      
      

Vertical-Navigation.markdown

Vertical Navigation

A Pen by Daniel on CodePen.

License.