aboutsummaryrefslogtreecommitdiff
path: root/ps/parallax.html
diff options
context:
space:
mode:
Diffstat (limited to 'ps/parallax.html')
-rw-r--r--ps/parallax.html43
1 files changed, 43 insertions, 0 deletions
diff --git a/ps/parallax.html b/ps/parallax.html
new file mode 100644
index 0000000..e951b6e
--- /dev/null
+++ b/ps/parallax.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta charset="UTF-8">
+ <title> Parallax Test </title>
+ <link rel="stylesheet" href="ui/css/parallax.css">
+ </head>
+ <body>
+ <nav>
+ <ul>
+ <li><a href="">hybrid</a></li>
+ <li><a href="">fragile</a></li>
+ <li><a href="">aesthetics</a></li>
+ </ul>
+ </nav>
+ <section class="slides">
+ <div class="slide">
+ <div class="bg"></div>
+ </div>
+ <div class="slide"><div class="bg"></div></div>
+ <div class="slide">
+ Flat curve
+ <div class="sine">
+ <span class="sine_span sine_span_first"></span><span class="sine_span sine_span_second"></span>
+ </div>
+
+ <br />
+ Sharp curve
+ <div class="sine">
+ <span class="sine_span sine_span_first sine_span_first_2"></span><span class="sine_span sine_span_second sine_span_second_2"></span>
+ </div>
+ </div>
+ <div class="slide"><div class="bg"></div></div>
+ <div class="slide"><div class="bg"></div></div>
+ <div class="slide"><div class="bg"></div></div>
+ <div class="slide"><div class="bg"></div></div>
+ <div class="slide"><div class="bg"></div></div>
+ <div class="slide"><div class="bg"></div></div>
+ <div class="slide"><div class="bg"></div></div>
+ <div class="slide"><div class="bg"></div></div>
+ </section>
+ </body>
+</html>