Summary Files Commits Branches @commit @diff @stats
path: root / docs / experimentals.html
diff options
context:
space:
mode:
1 files changed, 15 insertions, 0 deletions
-rw-r--r--docs/experimentals.html15
diff --git a/docs/experimentals.html b/docs/experimentals.html
index 03af757..fa1ced1 100644
--- a/docs/experimentals.html
+++ b/docs/experimentals.html
@@ -340,6 +340,21 @@
</div>
</div>
+<!-- comparison sliders example -->
+<pre class="code" data-lang="HTML"><code>&lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;comparison-slider&quot;</span>&gt;
+ &lt;<span class="tag">figure</span> <span class="atn">class</span>=<span class="atv">&quot;comparison-before&quot;</span>&gt;&lt;<span class="tag">/div</span>&gt;
+ <span class="com">&lt;!-- image (before) --&gt;</span>
+ &lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;comparison-label&quot;</span>&gt;Before&lt;<span class="tag">/div</span>&gt;
+ &lt;<span class="tag">/figure</span>&gt;
+
+ &lt;<span class="tag">figure</span> <span class="atn">class</span>=<span class="atv">&quot;comparison-after&quot;</span>&gt;&lt;<span class="tag">/div</span>&gt;
+ <span class="com">&lt;!-- image (after) --&gt;</span>
+ &lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;comparison-label&quot;</span>&gt;After&lt;<span class="tag">/div</span>&gt;
+ &lt;<span class="tag">textarea</span> <span class="atn">class</span>=<span class="atv">&quot;comparison-resizer&quot;</span> <span class="atn">readonly</span> <span class="atn">cols</span>=<span class="atv">&quot;0&quot;</span> <span class="atn">rows</span>=<span class="atv">&quot;0&quot;</span>&gt;&lt;<span class="tag">/textarea</span>&gt;
+ &lt;<span class="tag">/figure</span>&gt;
+&lt;<span class="tag">/div</span>&gt;
+</code></pre>
+
</section>
<section id="filters" class="container">