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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/animations/animation-hit-test-transform.html

Issue 637763002: Unprefix usage of -webkit-transform in tests (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Created 6 years, 2 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 unified diff | Download patch
« no previous file with comments | « LayoutTests/animations/animation-end-event-destroy-renderer.html ('k') | LayoutTests/animations/animation-iteration-event-destroy-renderer.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
2 "http://www.w3.org/TR/html4/loose.dtd"> 2 "http://www.w3.org/TR/html4/loose.dtd">
3 3
4 <html lang="en"> 4 <html lang="en">
5 <head> 5 <head>
6 <title>Test hit testing of -webkit-transform property while animating</title> 6 <title>Test hit testing of -webkit-transform property while animating</title>
7 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 7 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
8 <style> 8 <style>
9 #target { 9 #target {
10 position: absolute; 10 position: absolute;
11 left: 0px; 11 left: 0px;
12 height: 200px; 12 height: 200px;
13 width: 200px; 13 width: 200px;
14 background-color: red; 14 background-color: red;
15 -webkit-animation-duration: 4s; 15 -webkit-animation-duration: 4s;
16 -webkit-animation-timing-function: linear; 16 -webkit-animation-timing-function: linear;
17 } 17 }
18 @-webkit-keyframes "anim" { 18 @-webkit-keyframes "anim" {
19 from { -webkit-transform: translate(100px); } 19 from { transform: translate(100px); }
20 to { -webkit-transform: translate(300px); } 20 to { transform: translate(300px); }
21 } 21 }
22 22
23 .dot { 23 .dot {
24 width: 10px; 24 width: 10px;
25 height: 10px; 25 height: 10px;
26 top: 100px; 26 top: 100px;
27 background-color: yellow; 27 background-color: yellow;
28 position:absolute; 28 position:absolute;
29 } 29 }
30 </style> 30 </style>
(...skipping 49 matching lines...) Expand 10 before | Expand all | Expand 10 after
80 This test starts an animation of the '-webkit-transform' property and th en does elementFromPoint calls 80 This test starts an animation of the '-webkit-transform' property and th en does elementFromPoint calls
81 at the shown yellow dots to see if hit testing works 81 at the shown yellow dots to see if hit testing works
82 </div> 82 </div>
83 <div id="target"></div> 83 <div id="target"></div>
84 <div class="dot" style="left:150px"></div> 84 <div class="dot" style="left:150px"></div>
85 <div class="dot" style="left:300px"></div> 85 <div class="dot" style="left:300px"></div>
86 <div class="dot" style="left:450px"></div> 86 <div class="dot" style="left:450px"></div>
87 <div id="result" style="position:absolute; top:250px"></div> 87 <div id="result" style="position:absolute; top:250px"></div>
88 </body> 88 </body>
89 </html> 89 </html>
OLDNEW
« no previous file with comments | « LayoutTests/animations/animation-end-event-destroy-renderer.html ('k') | LayoutTests/animations/animation-iteration-event-destroy-renderer.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698