third_party/WebKit/LayoutTests/fast/gradients/css3-linear-right-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-right-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-linear-angle-gradients-expected.png ('k') | third_party/WebKit/LayoutTests/fast/gradients/css3-radial-gradient-crash-expected.txt » ('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 <html>	2 <html>

3 <head>	3 <head>

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

5 body { overflow: hidden; }	5 body { overflow: hidden; }

6 .box {	6 .box {

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

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

9 width: 201px;	9 width: 201px;

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 .gradientAngle0 {	15 .gradientAngle0 {

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

17 }	17 }

18	18

19 .gradientAngle90 {	19 .gradientAngle90 {

20 background-image: -webkit-linear-gradient(90deg, white, black);	20 background-image: linear-gradient(90deg, white, black);

21 }	21 }

22	22

23 .gradientAngle180 {	23 .gradientAngle180 {

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

25 }	25 }

26	26

27 .gradientAngle270 {	27 .gradientAngle270 {

28 background-image: -webkit-linear-gradient(270deg, white, black);	28 background-image: linear-gradient(270deg, white, black);

29 }	29 }

30	30

31 .gradientAngleMinus0 {	31 .gradientAngleMinus0 {

32 background-image: -webkit-linear-gradient(-0deg, white, black);	32 background-image: linear-gradient(-0deg, white, black);

33 }	33 }

34	34

35 .gradientAngleMinus90 {	35 .gradientAngleMinus90 {

36 background-image: -webkit-linear-gradient(-90deg, white, black);	36 background-image: linear-gradient(-90deg, white, black);

37 }	37 }

38	38

39 .gradientAngleMinus180 {	39 .gradientAngleMinus180 {

40 background-image: -webkit-linear-gradient(-180deg, white, black);	40 background-image: linear-gradient(-180deg, white, black);

41 }	41 }

42	42

43 .gradientAngleMinus270 {	43 .gradientAngleMinus270 {

44 background-image: -webkit-linear-gradient(-270deg, white, black);	44 background-image: linear-gradient(-270deg, white, black);

45 }	45 }

46 </style>	46 </style>

47 <script>	47 <script>

48 if (window.testRunner) {	48 if (window.testRunner) {

49 testRunner.dumpAsTextWithPixelResults();	49 testRunner.dumpAsTextWithPixelResults();

50 }	50 }

51 </script>	51 </script>

52 </head>	52 </head>

53 <body>	53 <body>

54 <div class="box gradientAngle0"></div>	54 <div class="box gradientAngle90"></div>

55 <div class="box gradientAngleMinus0"></div>	55 <div class="box gradientAngleMinus270"></div>

56 <br/>	56 <br/>

57 <div class="box gradientAngle90"></div>	57 <div class="box gradientAngle0"></div>

58 <div class="box gradientAngleMinus270"></div>	58 <div class="box gradientAngleMinus0"></div>

59 <br/>	59 <br/>

60 <div class="box gradientAngle180"></div>	60 <div class="box gradientAngle270"></div>

61 <div class="box gradientAngleMinus180"></div>	61 <div class="box gradientAngleMinus90"></div>

62 <br/>	62 <br/>

63 <div class="box gradientAngle270"></div>	63 <div class="box gradientAngle180"></div>

64 <div class="box gradientAngleMinus90"></div>	64 <div class="box gradientAngleMinus180"></div>

65 </body>	65 </body>

66 </html>	66 </html>

OLD	NEW