fix doc & example transition opacity from .99 to 1
The initial thought was that an opacity animation from 0.01 to 1 causes trouble on some browser. But after testing on opera 12.15, ff 23, ie 10, chrome 30, desktop/mobile safari 7 and chrome android I confirm this works.
Cheng Lou committed
Oct 31, 2013 at 17:35 UTC
e455e28ff81e59d7b27571a6a1942e1354c0ebd3
2 files changed
+3
-3
docs/docs/09-addons.md
+2
-2
@@ -67,7 +67,7 @@ You can use these classes to trigger a CSS animation or transition. For example,
67
}
68
69
.example-enter.example-enter-active {
70
- opacity: 0.99;
70
+ opacity: 1;
71
}
72
```
73
@@ -75,7 +75,7 @@ You'll notice that when you try to remove an item `ReactTransitionGroup` keeps i
75
76
```css
77
.example-leave {
78
- opacity: 0.99;
78
+ opacity: 1;
79
transition: opacity .5s ease-in;
80
}
81
examples/transitions/transition.css
+1
-1
@@ -20,7 +20,7 @@
20
.example-enter.example-enter-active,
21
.example-leave {
22
margin-left: 0;
23
- opacity: 0.99;
23
+ opacity: 1;
24
}
25
26
.animateExample {