Summary Files Commits Branches @commit @diff @stats
path: root / docs / experimentals.html
diff options
context:
space:
mode:
Commitfbfad8301b6ab01cc144aeb4f7fea5f2ee0ece64 (patch)
Author
 Yan Zhu <picturepan2@hotmail.com>
2017-11-26 13:22:25 +0800
Committer
 Yan Zhu <picturepan2@hotmail.com>
2017-11-26 13:22:25 +0800
Files118fa0717b05a3e074d91cba88e54b40c568f1ec /docs/experimentals.html
Spectre-Dark-Gruvbox-fbfad8301b6ab01cc144aeb4f7fea5f2ee0ece64.tar
Spectre-Dark-Gruvbox-fbfad8301b6ab01cc144aeb4f7fea5f2ee0ece64.tar.gz
Spectre-Dark-Gruvbox-fbfad8301b6ab01cc144aeb4f7fea5f2ee0ece64.zip
Parent6ad27a469d445045e4a3283a6e8cd33a48460507 (diff)
Add touch support to Parallax image hover effect
1 files changed, 8 insertions, 8 deletions
-rw-r--r--docs/experimentals.html16
diff --git a/docs/experimentals.html b/docs/experimentals.html
index a724efc..5d51ffb 100644
--- a/docs/experimentals.html
+++ b/docs/experimentals.html
@@ -817,10 +817,10 @@
<div class="columns">
<div class="column col-sm-12 col-8 col-mx-auto">
<div class="parallax">
- <div class="parallax-top-left"></div>
- <div class="parallax-top-right"></div>
- <div class="parallax-bottom-left"></div>
- <div class="parallax-bottom-right"></div>
+ <div class="parallax-top-left" tabindex="1"></div>
+ <div class="parallax-top-right" tabindex="2"></div>
+ <div class="parallax-bottom-left" tabindex="3"></div>
+ <div class="parallax-bottom-right" tabindex="4"></div>
<div class="parallax-content">
<div class="parallax-front">
<h2>tvOS parallax demo</h2>
@@ -835,10 +835,10 @@
<!-- parallax -->
<pre class="code" data-lang="HTML"><code>&lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;parallax&quot;</span>&gt;
- &lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;parallax-top-left&quot;</span>&gt;&lt;<span class="tag">/div</span>&gt;
- &lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;parallax-top-right&quot;</span>&gt;&lt;<span class="tag">/div</span>&gt;
- &lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;parallax-bottom-left&quot;</span>&gt;&lt;<span class="tag">/div</span>&gt;
- &lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;parallax-bottom-right&quot;</span>&gt;&lt;<span class="tag">/div</span>&gt;
+ &lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;parallax-top-left&quot;</span> <span class="atn">tabindex</span>=<span class="atv">&quot;1&quot;</span>&gt;&lt;<span class="tag">/div</span>&gt;
+ &lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;parallax-top-right&quot;</span> <span class="atn">tabindex</span>=<span class="atv">&quot;2&quot;</span>&gt;&lt;<span class="tag">/div</span>&gt;
+ &lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;parallax-bottom-left&quot;</span> <span class="atn">tabindex</span>=<span class="atv">&quot;3&quot;</span>&gt;&lt;<span class="tag">/div</span>&gt;
+ &lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;parallax-bottom-right&quot;</span> <span class="atn">tabindex</span>=<span class="atv">&quot;4&quot;</span>&gt;&lt;<span class="tag">/div</span>&gt;
&lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;parallax-content&quot;</span>&gt;
&lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;parallax-front&quot;</span>&gt;
&lt;<span class="tag">h2</span>&gt;tvOS parallax demo&lt;<span class="tag">/h2</span>&gt;