diff --git a/css/transitions.css b/css/transitions.css
index 7082cb3..7e5cddd 100644
--- a/css/transitions.css
+++ b/css/transitions.css
@@ -4,23 +4,53 @@
  */
 /* transition */
 .t {
-    transition-duration:.25s;
-    transition-property:all;
-    transition-timing-function:ease;
-    transition-delay:0s;
+  transition-duration:.25s;
+  transition-property:all;
+  transition-timing-function:ease;
+  transition-delay:0s;
 }
 
 /* slow */
 .t-slow {
-    transition-duration:.6s;
+  transition-duration:.6s;
 }
 
 /* fast */
 .t-fast {
-    transition-duration:.1s;
+  transition-duration:.1s;
 }
 
 /* opacity */
 .t-opacity {
-    transition-property:opacity;
+  transition-property:opacity;
+}
+
+/* opacity-color */
+.t-opacity-color {
+  transition-property:opacity, color;
+}
+
+/* transform */
+.t-transform {
+  transition-property:transform;
+}
+
+/* transform-opacity */
+.t-transform-opacity {
+  transition-property:transform, opacity;
+}
+
+/* transform-opacity-color */
+.t-transform-opacity-color {
+  transition-property:transform, opacity, color;
+}
+
+/* transform-color */
+.t-transform-color {
+  transition-property:transform, color;
+}
+
+/* color */
+.t-color {
+  transition-property:color;
 }
diff --git a/scss/transitions.scss b/scss/transitions.scss
index 623042e..0e5bdef 100644
--- a/scss/transitions.scss
+++ b/scss/transitions.scss
@@ -20,7 +20,31 @@ $dataset: (
         opacity:(
                 selectors:'.t-opacity',
                 inline:'transition-property: opacity'
-        )
+        ),
+        opacity-color:(
+                selectors:'.t-opacity-color',
+                inline:'transition-property: opacity, color'
+        ),
+        transform :(
+                selectors:'.t-transform',
+                inline:'transition-property: transform'
+        ),
+        transform-opacity :(
+                selectors:'.t-transform-opacity ',
+                inline:'transition-property: transform, opacity'
+        ),
+        transform-opacity-color:(
+                selectors:'.t-transform-opacity-color',
+                inline:'transition-property: transform, opacity, color'
+        ),
+        transform-color:(
+                selectors:'.t-transform-color',
+                inline:'transition-property: transform, color'
+        ),
+        color :(
+                selectors:'.t-color',
+                inline:'transition-property: color'
+        ),
 );
 
 // print