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

Side by Side Diff: LayoutTests/transforms/3d/hit-testing/overlapping-layers-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/hit-testing/negative-zoffset-hit-test.html ('k') | LayoutTests/transforms/3d/hit-testing/perspective-clipped.html » ('j') | LayoutTests/transitions/3d/interrupted-transition.html » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <!DOCTYPE html>	1 <!DOCTYPE html>

2 <html>	2 <html>

3 <head>	3 <head>

4 <style>	4 <style>

5 .container {	5 .container {

6 position: absolute;	6 position: absolute;

7 height: 200px;	7 height: 200px;

8 width:200px;	8 width:200px;

9 background-color: gray;	9 background-color: gray;

10 }	10 }

(...skipping 13 matching lines...) Expand all Loading...
24	24

25 .box {	25 .box {

26 width: 100%;	26 width: 100%;

27 position: absolute;	27 position: absolute;

28 height: 100%;	28 height: 100%;

29 top: 0;	29 top: 0;

30 }	30 }

31	31

32 .red {	32 .red {

33 background-color: red;	33 background-color: red;

34 -webkit-transform: perspective( 600px ) rotateY( 45deg );	34 transform: perspective( 600px ) rotateY( 45deg );

35 -moz-transform: perspective( 600px ) rotateY( 45deg );	35 -moz-transform: perspective( 600px ) rotateY( 45deg );

36 transform: perspective( 600px ) rotateY( 45deg );	36 transform: perspective( 600px ) rotateY( 45deg );
	alancutter (OOO until 2018) 2014/10/14 05:13:48 Extra -moz-transform and transform here and below. Extra -moz-transform and transform here and below.
37 }	37 }

38	38

39 .blue {	39 .blue {

40 background-color: blue;	40 background-color: blue;

41 -webkit-transform: perspective( 600px ) rotateY( -45deg );	41 transform: perspective( 600px ) rotateY( -45deg );

42 -moz-transform: perspective( 600px ) rotateY( -45deg );	42 -moz-transform: perspective( 600px ) rotateY( -45deg );

43 transform: perspective( 600px ) rotateY( -45deg );	43 transform: perspective( 600px ) rotateY( -45deg );

44 }	44 }

45	45

46 /* target1 contain points with negative z-offsets */	46 /* target1 contain points with negative z-offsets */

47 #target {	47 #target {

48 position: relative;	48 position: relative;

49 height: 160px;	49 height: 160px;

50 width: 160px;	50 width: 160px;

51 margin: 20px;	51 margin: 20px;

52 background-color: #DDD;	52 background-color: #DDD;

53 -webkit-transform: rotate3d(0, 1, 0, -45deg);	53 transform: rotate3d(0, 1, 0, -45deg);

54 -webkit-transform-origin: right;	54 -webkit-transform-origin: right;

55 -moz-transform: rotate3d(0, 1, 0, -45deg);	55 -moz-transform: rotate3d(0, 1, 0, -45deg);

56 -moz-transform-origin: right;	56 -moz-transform-origin: right;

57 transform: rotate3d(0, 1, 0, -45deg);	57 transform: rotate3d(0, 1, 0, -45deg);

58 transform-origin: right;	58 transform-origin: right;

59 }	59 }

60	60

61 #description {	61 #description {

62 margin-top: 460px;	62 margin-top: 460px;

63 }	63 }

(...skipping 37 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
101 <div id="target4" class="box red">	101 <div id="target4" class="box red">

102 </div>	102 </div>

103 </div>	103 </div>

104	104

105 <p id="description">Checks that hit testing is correct when two layers with ne gative z-offset overlap</p>	105 <p id="description">Checks that hit testing is correct when two layers with ne gative z-offset overlap</p>

106	106

107 <div id="results"></div>	107 <div id="results"></div>

108	108

109 </body>	109 </body>

110 </html>	110 </html>

OLD	NEW