third_party/WebKit/LayoutTests/fast/gradients/css3-linear-angle-gradients.html - Issue 2746583003: Send deprecation messages for prefixed gradients now that it's possible.

Side by Side Diff: third_party/WebKit/LayoutTests/fast/gradients/css3-linear-angle-gradients.html

Issue 2746583003: Send deprecation messages for prefixed gradients now that it's possible. (Closed)

Patch Set: recommit Created 3 years, 7 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:

« no previous file with comments | « third_party/WebKit/LayoutTests/fast/gradients/css3-gradient-parsing-expected.txt ('k') | third_party/WebKit/LayoutTests/fast/gradients/css3-linear-angle-gradients-expected.png » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

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

2	2

3 <html>	3 <html>

4 <head>	4 <head>

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

6 .box {	6 .box {

7 display: inline-block;	7 display: inline-block;

8 height: 120px;	8 height: 120px;

9 width: 200px;	9 width: 200px;

10 margin: 10px;	10 margin: 10px;

11 border: 1px solid black;	11 border: 1px solid black;

12 background-repeat: no-repeat;	12 background-repeat: no-repeat;

13 }	13 }

14	14

15 .linear1 {	15 .linear1 {

16 background-image: -webkit-linear-gradient(white, black);	16 background-image: linear-gradient(white, black);

17 background-image: -moz-linear-gradient(white, black);

18 }	17 }

19	18

20 .linear2 {	19 .linear2 {

21 background-image: -webkit-linear-gradient(top left, white, black);	20 background-image: linear-gradient(to bottom right, white, black);

22 background-image: -moz-linear-gradient(top left, white, black);

23 }	21 }

24	22

25 .linear3 {	23 .linear3 {

26 background-image: -webkit-linear-gradient(45deg, white, black);	24 background-image: linear-gradient(45deg, white, black);

27 background-image: -moz-linear-gradient(45deg, white, black);

28 }	25 }

29	26

30 .linear4 {	27 .linear4 {

31 background-image: -webkit-linear-gradient(-45deg, white, black);	28 background-image: linear-gradient(-225deg, white, black);

32 background-image: -moz-linear-gradient(-45deg, white, black);

33 }	29 }

34	30

35 .linear5 {	31 .linear5 {

36 background-image: -webkit-linear-gradient(540deg, white, black);	32 background-image: linear-gradient(630deg, white, black);

37 background-image: -moz-linear-gradient(540deg, white, black);

38 }	33 }

39	34

40 .linear6 {	35 .linear6 {

41 background-image: -webkit-linear-gradient(top left, white -20%, black 120% );	36 background-image: linear-gradient(to bottom right, white -20%, black 120%) ;

42 background-image: -moz-linear-gradient(top left, white -20%, black 120%);

43 }	37 }

44	38

45 .linear7 {	39 .linear7 {

46 background-image: -webkit-linear-gradient(top left, white -20px, black 120 px);	40 background-image: linear-gradient(to bottom right, white -20px, black 120p x);

47 background-image: -moz-linear-gradient(top left, white -20px, black 120px) ;

48 }	41 }

49	42

50 .linear8 {	43 .linear8 {

51 background-image: -webkit-linear-gradient(top left, white -20%, blue, blac k 120%);	44 background-image: linear-gradient(to bottom right, white -20%, blue, black 120%);

52 background-image: -moz-linear-gradient(top left, white -20%, blue, black 1 20%);

53 }	45 }

54	46

55 .linear9 {	47 .linear9 {

56 background-image: -webkit-linear-gradient(0deg, white -20%, blue, black 12 0%);	48 background-image: linear-gradient(90deg, white -20%, blue, black 120%);

57 background-image: -moz-linear-gradient(0deg, white -20%, blue, black 120%) ;

58 }	49 }

59 </style>	50 </style>

60 <script type="text/javascript" charset="utf-8">	51 <script type="text/javascript" charset="utf-8">

61 if (window.testRunner) {	52 if (window.testRunner) {

62 testRunner.dumpAsTextWithPixelResults();	53 testRunner.dumpAsTextWithPixelResults();

63 }	54 }

64 </script>	55 </script>

65 </head>	56 </head>

66 <body>	57 <body>

67	58

68 <div class="linear1 box"></div>	59 <div class="linear1 box"></div>

69 <div class="linear2 box"></div>	60 <div class="linear2 box"></div>

70 <div class="linear3 box"></div>	61 <div class="linear3 box"></div>

71 <br>	62 <br>

72 <div class="linear4 box"></div>	63 <div class="linear4 box"></div>

73 <div class="linear5 box"></div>	64 <div class="linear5 box"></div>

74 <div class="linear6 box"></div>	65 <div class="linear6 box"></div>

75 <br>	66 <br>

76 <div class="linear7 box"></div>	67 <div class="linear7 box"></div>

77 <div class="linear8 box"></div>	68 <div class="linear8 box"></div>

78 <div class="linear9 box"></div>	69 <div class="linear9 box"></div>

79	70

80 </body>	71 </body>

81 </html>	72 </html>

OLD	NEW