@@ -1,4 +1,5 @@
 .full-page {
+  position: relative;
   height: 100%;
   overflow: hidden;
 }
@@ -19,4 +20,15 @@
 .transition(@property:all,@duration:1s,@timing-function:linear,@delay:0s) {
   -webkit-transition: @arguments;
   transition: @arguments;
+}
+
+.translate(@x:0,@y:0,@z:0) {
+  -webkit-transform: translate3d(@x, @y, @z);
+  transform: translate3d(@x, @y, @z);
+}
+
+.opacity(@val) {
+  @val2: @val*100;
+  opacity: @val;
+  filter: ~'alpha(opacity=@{val2})'; /*LESS语法:在一个字符串中嵌入变量,我们使用@{}来处理即可*/
 }