diff options
| author | Steve Block <steveblock@google.com> | 2011-05-13 06:44:40 -0700 |
|---|---|---|
| committer | Android (Google) Code Review <android-gerrit@google.com> | 2011-05-13 06:44:40 -0700 |
| commit | 08014c20784f3db5df3a89b73cce46037b77eb59 (patch) | |
| tree | 47749210d31e19e6e2f64036fa8fae2ad693476f /Source/WebCore/manual-tests/transition-delay.html | |
| parent | 860220379e56aeb66424861ad602b07ee22b4055 (diff) | |
| parent | 4c3661f7918f8b3f139f824efb7855bedccb4c94 (diff) | |
| download | external_webkit-08014c20784f3db5df3a89b73cce46037b77eb59.zip external_webkit-08014c20784f3db5df3a89b73cce46037b77eb59.tar.gz external_webkit-08014c20784f3db5df3a89b73cce46037b77eb59.tar.bz2 | |
Merge changes Ide388898,Ic49f367c,I1158a808,Iacb6ca5d,I2100dd3a,I5c1abe54,Ib0ef9902,I31dbc523,I570314b3
* changes:
Merge WebKit at r75315: Update WebKit version
Merge WebKit at r75315: Add FrameLoaderClient PageCache stubs
Merge WebKit at r75315: Stub out AXObjectCache::remove()
Merge WebKit at r75315: Fix ImageBuffer
Merge WebKit at r75315: Fix PluginData::initPlugins()
Merge WebKit at r75315: Fix conflicts
Merge WebKit at r75315: Fix Makefiles
Merge WebKit at r75315: Move Android-specific WebCore files to Source
Merge WebKit at r75315: Initial merge by git.
Diffstat (limited to 'Source/WebCore/manual-tests/transition-delay.html')
| -rw-r--r-- | Source/WebCore/manual-tests/transition-delay.html | 59 |
1 files changed, 59 insertions, 0 deletions
diff --git a/Source/WebCore/manual-tests/transition-delay.html b/Source/WebCore/manual-tests/transition-delay.html new file mode 100644 index 0000000..006c798 --- /dev/null +++ b/Source/WebCore/manual-tests/transition-delay.html @@ -0,0 +1,59 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" + "http://www.w3.org/TR/html4/loose.dtd"> + +<html lang="en"> +<head> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> + <title>Transition Delay</title> + <style> + #container { + position: absolute; + width: 500px; + height: 340px; + border: 1px solid black; + } + + .box { + position: relative; + width: 100px; + height: 100px; + margin: 10px; + background-color: #66F; + z-index: 0; + } + + #container.slide > .box { + -webkit-transform: translateX(380px); + -webkit-transition-property: -webkit-transform; + -webkit-transition-duration: 2s; + } + + #box1 { + -webkit-transition-delay: 200ms; + } + + #box2 { + -webkit-transition-delay: 2s; + } + + #box3 { + -webkit-transition-delay: 4s; + } + </style> + +</head> +<body> +<p>Click to animate</p> +<div id="container" onclick="this.className = 'slide'"> + <div class="box" id="box1"> + Delay: 200ms + </div> + <div class="box" id="box2"> + Delay: 2s + </div> + <div class="box" id="box3"> + Delay: 4s + </div> +</div> +</body> +</html>
\ No newline at end of file |