diff --git a/elements.less b/elements.less
index dbbf847..0e51c9b 100644
--- a/elements.less
+++ b/elements.less
@@ -92,11 +92,6 @@
   -webkit-opacity: @opacity;
   opacity: @opacity;
 }
-.transition-duration(@duration: 0.2s) {
-  -moz-transition-duration: @duration;
-  -webkit-transition-duration: @duration;
-  transition-duration: @duration;
-}
 .rotation(@deg:5deg){
   -webkit-transform: rotate(@deg);
   -moz-transform: rotate(@deg);
@@ -112,6 +107,17 @@
   -moz-transition: all @duration @ease;
   transition: all @duration @ease;
 }
+.transition-prop(@property: width,@delay: 200ms, @ease:ease-out){
+	transition: @property @delay @ease;
+	-moz-transition: @property @delay @ease;
+	-webkit-transition: @property @delay @ease;
+	-o-transition: @property @delay @ease;
+}
+.transition-duration(@duration: 0.2s) {
+  -moz-transition-duration: @duration;
+  -webkit-transition-duration: @duration;
+  transition-duration: @duration;
+}
 .inner-shadow(@horizontal:0, @vertical:1px, @blur:2px, @alpha: 0.4) {
   -webkit-box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha);
   -moz-box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha);
@@ -148,22 +154,4 @@
   -o-transform: translate(@x, @y);
   -ms-transform: translate(@x, @y);
   transform: translate(@x, @y);
-}
-
-//
-// Transition
-// Example
-// a{
-// 		background:#f00;
-// 		.transition(background-color,1s);
-// 		&:hover{
-// 			background:#00f;
-// 		}
-// }
-//
-.transition(@property: width,@delay: 200ms){
-	transition: @property @delay;
-	-moz-transition: @property @delay;
-	-webkit-transition: @property @delay;
-	-o-transition: @property @delay;
 }
\ No newline at end of file