Permalink
Browse files

Updated step4 text

  • Loading branch information...
1 parent a64209c commit 069c54d09cca473d56167930ab812788bb3e7cc8 @IanLunn committed Aug 9, 2015
Showing with 7 additions and 8 deletions.
  1. +7 −7 index.html
  2. +0 −1 scss/sequence-theme.intro.scss
View
@@ -314,26 +314,26 @@
<div class="seq-code-block" data-seq>
<code>
<span>.seq-in .touch {</span>
- <span class="seq-code-1">transform: rotate(90deg);</span>
- <span class="seq-code-1">transition: .35s 1.8s;</span>
+ <span class="seq-code-1">animation-name: rotate;</span>
+ <span class="seq-code-1">animation: .35s 1.8s;</span>
<span>}</span>
</code>
</div>
<div class="seq-code-block" data-seq>
<code>
<span>.seq-in .touch-title-1 {</span>
- <span class="seq-code-1">opacity: 0;</span>
- <span class="seq-code-1">transition: .3s 1.5s;</span>
+ <span class="seq-code-1">animation-name: fade-out;</span>
+ <span class="seq-code-1">animation: .3s 1.5s;</span>
<span>}</span>
</code>
</div>
<div class="seq-code-block" data-seq>
<code>
- <span>.seq-in .touch-title-2 {</span>
- <span class="seq-code-1">opacity: 1;</span>
- <span class="seq-code-1">transition: .3s 2.15s;</span>
+ <span>.seq-in .touch-title-2 p {</span>
+ <span class="seq-code-1">animation-name: slide-in;</span>
+ <span class="seq-code-1">animation: .3s 2.35s;</span>
<span>}</span>
</code>
</div>
@@ -1097,7 +1097,6 @@ $sequenceDesktopHeight: 585px;
}
.seq-touch {
- // @include prefixed(transform, "translateX(-50%) translateY(-50%) translateZ(0) rotate(90deg)");
@include prefixed(animation-name, "touch");
}

0 comments on commit 069c54d

Please sign in to comment.