Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(198)

Issues Search
    My Issues | Starred     Open | Closed | All

Unified Diff: third_party/WebKit/ManualTests/compositor-worker/parallax.html

Issue 1547893003: WIP - compositor worker mega patch. Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: . Created 4 years, 11 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « third_party/WebKit/ManualTests/compositor-worker/mirror.html ('k') | third_party/WebKit/ManualTests/compositor-worker/parallax.js » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: third_party/WebKit/ManualTests/compositor-worker/parallax.html
diff --git a/third_party/WebKit/ManualTests/compositor-worker/parallax.html b/third_party/WebKit/ManualTests/compositor-worker/parallax.html
new file mode 100644
index 0000000000000000000000000000000000000000..36656adea0b1cce3cd591430f5d1891e3fb881f0
--- /dev/null
+++ b/third_party/WebKit/ManualTests/compositor-worker/parallax.html
@@ -0,0 +1,61 @@
+<!DOCTYPE HTML>
+<style>
+#scroller {
+ width: 100px;
+ height: 400px;
+ overflow: scroll;
+ border: 1px solid black;
+ will-change: transform;
+}
+
+.card {
+ width: 20px;
+ height: 20px;
+ position: relative;
+}
+
+#fg {
+ background: papayawhip;
+}
+
+#bg {
+ background: green;
+ left: 10px;
+}
+#bg-parallax {
+ background: blue;
+ left: 10px;
+ top: 200px;
+}
+</style>
+
+<div id="scroller">
+ <div id="fg" class="card"></div>
+ <div id="bg" class="card"></div>
+ <div id="bg-parallax" class="card"></div>
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+ tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+ veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+ commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
+ velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+ cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
+ est laborum.
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+ tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+ veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+ commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
+ velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+ cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
+ est laborum.
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+ tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+ veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+ commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
+ velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+ cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
+ est laborum.
+</div>
+<script src="parallax.js"></script>
« no previous file with comments | « third_party/WebKit/ManualTests/compositor-worker/mirror.html ('k') | third_party/WebKit/ManualTests/compositor-worker/parallax.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698