@import compass/css3

.transition-example
  width: 40px
  height: 40px
  background: red
  margin: 20px

#width
  +transition-property(width)

#width:hover
  width: 80px

#width-duration
  +transition-property(width)
  +transition-duration(2s)

#width-duration:hover
  width: 80px

#width-duration-easein
  +transition-property(width)
  +transition-duration(2s)
  +transition-timing-function(ease-in)

#width-duration-easein:hover
  width: 80px

#width-delay
  +transition-property(width)
  +transition-delay(2s)

#width-delay:hover
  width: 80px