diff --git a/docs/10.1-animation.md b/docs/10.1-animation.md
index 6f6193a9..c363ed74 100644
--- a/docs/10.1-animation.md
+++ b/docs/10.1-animation.md
@@ -63,11 +63,11 @@ You can use these classes to trigger a CSS animation or transition. For example,
 ```css
 .example-enter {
   opacity: 0.01;
-  transition: opacity .5s ease-in;
 }
 
 .example-enter.example-enter-active {
   opacity: 1;
+  transition: opacity .5s ease-in;
 }
 ```
 
@@ -76,11 +76,11 @@ You'll notice that when you try to remove an item `ReactCSSTransitionGroup` keep
 ```css
 .example-leave {
   opacity: 1;
-  transition: opacity .5s ease-in;
 }
 
 .example-leave.example-leave-active {
   opacity: 0.01;
+  transition: opacity .5s ease-in;
 }
 ```