diff --git a/README.md b/README.md
index 12ddea8e..53c85c87 100644
--- a/README.md
+++ b/README.md
@@ -474,6 +474,27 @@ The global presentation transition is set using the ```transition``` config valu
```
+You can as well override only the appearing or the disappearing of the slide:
+
+```html
+
+
+
+
+ (Passengers entering and leaving)
+
+
+```
+
+
Note that this does not work with the page and cube transitions.
diff --git a/css/reveal.scss b/css/reveal.scss
index ed741535..17e0407b 100644
--- a/css/reveal.scss
+++ b/css/reveal.scss
@@ -458,12 +458,14 @@ body {
}
@mixin transition-horizontal-past($style) {
.reveal .slides>section[data-transition=#{$style}].past,
+ .reveal .slides>section[data-transition~=#{$style}-out].past,
.reveal.#{$style} .slides>section:not([data-transition]).past {
@content;
}
}
@mixin transition-horizontal-future($style) {
.reveal .slides>section[data-transition=#{$style}].future,
+ .reveal .slides>section[data-transition~=#{$style}-in].future,
.reveal.#{$style} .slides>section:not([data-transition]).future {
@content;
}
@@ -471,12 +473,14 @@ body {
@mixin transition-vertical-past($style) {
.reveal .slides>section>section[data-transition=#{$style}].past,
+ .reveal .slides>section>section[data-transition~=#{$style}-out].past,
.reveal.#{$style} .slides>section>section:not([data-transition]).past {
@content;
}
}
@mixin transition-vertical-future($style) {
.reveal .slides>section>section[data-transition=#{$style}].future,
+ .reveal .slides>section>section[data-transition~=#{$style}-in].future,
.reveal.#{$style} .slides>section>section:not([data-transition]).future {
@content;
}