From d6f3463d73be965c54fb81061bda959bb23ddf84 Mon Sep 17 00:00:00 2001
From: GrayStranger <demaxiya649806685@gmail.com>
Date: Tue, 3 Apr 2018 07:53:23 +0800
Subject: [PATCH] [chore] Update transitions.md (#635)

---
 docs/styles/transitions.md | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/docs/styles/transitions.md b/docs/styles/transitions.md
index 790bb4a9..889e33fe 100644
--- a/docs/styles/transitions.md
+++ b/docs/styles/transitions.md
@@ -6,17 +6,17 @@ your project's styles, you can make the modal content fade in when it is opened
 and fade out when it is closed:
 
 ```css
-.ReactModal__Content {
-  opacity: 0;
+.ReactModal__Overlay {
+    opacity: 0;
+    transition: opacity 2000ms ease-in-out;
 }
 
-.ReactModal__Content--after-open {
-  opacity: 1;
-  transition: opacity 150ms;
+.ReactModal__Overlay--after-open{
+    opacity: 1;
 }
 
-.ReactModal__Content--before-close {
-  opacity: 0;
+.ReactModal__Overlay--before-close{
+    opacity: 0;
 }
 ```