LayoutTests/transforms/3d/hit-testing/backface-hit-test.html - Issue 637763002: Unprefix usage of -webkit-transform in tests

Side by Side Diff

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

Side by Side Diff: LayoutTests/transforms/3d/hit-testing/backface-hit-test.html

Issue 637763002: Unprefix usage of -webkit-transform in tests (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master

Patch Set: Remove duplicate transform 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

« LayoutTests/fast/repaint/resources/default.css ('K') | « LayoutTests/transforms/3d/general/transform-origin-z-change.html ('k') | LayoutTests/transforms/3d/hit-testing/backface-no-transform-hit-test.html » ('j') | LayoutTests/transforms/3d/hit-testing/overlapping-layers-hit-test.html » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <html>	1 <html>

2 <head>	2 <head>

3 <title>Hit testing on backface</title>	3 <title>Hit testing on backface</title>

4 <style type="text/css" media="screen">	4 <style type="text/css" media="screen">

5	5

6 div:hover {	6 div:hover {

7 outline: 2px solid orange;	7 outline: 2px solid orange;

8 }	8 }

9 #container {	9 #container {

10 width: 400px;	10 width: 400px;

(...skipping 38 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
49 else	49 else

50 log('Found ' + secondHit.id + ' on right: FAIL');	50 log('Found ' + secondHit.id + ' on right: FAIL');

51 }	51 }

52	52

53 </script>	53 </script>

54 </head>	54 </head>

55 <body onload="runTest()">	55 <body onload="runTest()">

56	56

57 <p>There are two boxes below, both rotated 180° in Y. The rightmost one has backface-visibility: hidden, so you can't see it.</p>	57 <p>There are two boxes below, both rotated 180° in Y. The rightmost one has backface-visibility: hidden, so you can't see it.</p>

58 <div id="container">	58 <div id="container">

59 <div class="box" id="box1" style="-webkit-transform: translateZ(1px) rotateY(1 80deg)"></div>	59 <div class="box" id="box1" style="transform: translateZ(1px) rotateY(180deg)"> </div>

60 <div class="box" id="box2" style="-webkit-transform: translateZ(1px) rotateY(1 80deg); -webkit-backface-visibility: hidden;"></div>	60 <div class="box" id="box2" style="transform: translateZ(1px) rotateY(180deg); -webkit-backface-visibility: hidden;"></div>

61 </div>	61 </div>

62	62

63 <div id="results">	63 <div id="results">

64 </div>	64 </div>

65	65

66 </body>	66 </body>

67 </html>	67 </html>

OLD	NEW