summaryrefslogtreecommitdiffstats
path: root/WebCore/manual-tests
diff options
context:
space:
mode:
authorIain Merrick <husky@google.com>2010-09-13 16:35:48 +0100
committerIain Merrick <husky@google.com>2010-09-16 12:10:42 +0100
commit5abb8606fa57c3ebfc8b3c3dbc3fa4a25d2ae306 (patch)
treeddce1aa5e3b6967a69691892e500897558ff8ab6 /WebCore/manual-tests
parent12bec63ec71e46baba27f0bd9bd9d8067683690a (diff)
downloadexternal_webkit-5abb8606fa57c3ebfc8b3c3dbc3fa4a25d2ae306.zip
external_webkit-5abb8606fa57c3ebfc8b3c3dbc3fa4a25d2ae306.tar.gz
external_webkit-5abb8606fa57c3ebfc8b3c3dbc3fa4a25d2ae306.tar.bz2
Merge WebKit at r67178 : Initial merge by git.
Change-Id: I57e01163b6866cb029cdadf405a0394a3918bc18
Diffstat (limited to 'WebCore/manual-tests')
-rw-r--r--WebCore/manual-tests/transition-accelerated.html46
1 files changed, 46 insertions, 0 deletions
diff --git a/WebCore/manual-tests/transition-accelerated.html b/WebCore/manual-tests/transition-accelerated.html
new file mode 100644
index 0000000..a898c29
--- /dev/null
+++ b/WebCore/manual-tests/transition-accelerated.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+
+<html>
+<head>
+ <style type="text/css" media="screen">
+ .box {
+ position: relative;
+ height: 100px;
+ width: 100px;
+ margin: 10px;
+ background-color: blue;
+ }
+
+ .slow {
+ -webkit-animation: slow 2s infinite linear alternate;
+ }
+
+ .fast {
+ -webkit-animation: fast 2s infinite linear alternate;
+ }
+
+ @-webkit-keyframes slow {
+ from {
+ left: 0px;
+ }
+ to {
+ left: 400px;
+ }
+ }
+
+ @-webkit-keyframes fast {
+ from {
+ -webkit-transform: translateX(0);
+ }
+ to {
+ -webkit-transform: translateX(400px);
+ }
+ }
+ </style>
+</head>
+<body>
+ <p>The lower box should animate more smoothly than the upper one (on Mac).</p>
+ <div class="box slow"></div>
+ <div class="box fast"></div>
+</body>
+</html>