remove 'roll-in' fragment style due to Chrome crash #1150

This commit is contained in:
Hakim El Hattab 2015-04-12 18:12:48 +02:00
parent ce798c4bac
commit 4e3b91ae03
5 changed files with 3 additions and 21 deletions

View file

@ -515,7 +515,6 @@ The default fragment style is to start out invisible and fade in. This style can
<section> <section>
<p class="fragment grow">grow</p> <p class="fragment grow">grow</p>
<p class="fragment shrink">shrink</p> <p class="fragment shrink">shrink</p>
<p class="fragment roll-in">roll-in</p>
<p class="fragment fade-out">fade-out</p> <p class="fragment fade-out">fade-out</p>
<p class="fragment current-visible">visible only once</p> <p class="fragment current-visible">visible only once</p>
<p class="fragment highlight-current-blue">blue only once</p> <p class="fragment highlight-current-blue">blue only once</p>

View file

@ -70,14 +70,6 @@ body {
-ms-transform: none; -ms-transform: none;
transform: none; } transform: none; }
.reveal .slides section .fragment.roll-in {
-webkit-transform: rotateX(60deg);
transform: rotateX(60deg); }
.reveal .slides section .fragment.roll-in.visible {
-webkit-transform: none;
-ms-transform: none;
transform: none; }
.reveal .slides section .fragment.fade-out { .reveal .slides section .fragment.fade-out {
opacity: 1; opacity: 1;
visibility: visible; } visibility: visible; }

View file

@ -99,14 +99,6 @@ body {
} }
} }
.reveal .slides section .fragment.roll-in {
transform: rotateX( 60deg );
&.visible {
transform: none;
}
}
.reveal .slides section .fragment.fade-out { .reveal .slides section .fragment.fade-out {
opacity: 1; opacity: 1;
visibility: visible; visibility: visible;

View file

@ -138,7 +138,6 @@
<p>There's different types of fragments, like:</p> <p>There's different types of fragments, like:</p>
<p class="fragment grow">grow</p> <p class="fragment grow">grow</p>
<p class="fragment shrink">shrink</p> <p class="fragment shrink">shrink</p>
<p class="fragment roll-in">roll-in</p>
<p class="fragment fade-out">fade-out</p> <p class="fragment fade-out">fade-out</p>
<p class="fragment current-visible">current-visible</p> <p class="fragment current-visible">current-visible</p>
<p class="fragment highlight-red">highlight-red</p> <p class="fragment highlight-red">highlight-red</p>

View file

@ -38,9 +38,9 @@
Paragraph 2 Paragraph 2
<!-- {_class="fragment grow"} --> <!-- {_class="fragment grow"} -->
- list item 1 <!-- {_class="fragment roll-in"} --> - list item 1 <!-- {_class="fragment"} -->
- list item 2 <!-- {_class="fragment roll-in"} --> - list item 2 <!-- {_class="fragment"} -->
- list item 3 <!-- {_class="fragment roll-in"} --> - list item 3 <!-- {_class="fragment"} -->
--- ---