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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 2746583003: Send deprecation messages for prefixed gradients now that it's possible. (Closed)
Patch Set: one last manual rebaseline Created 3 years, 8 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
« third_party/WebKit/LayoutTests/fast/gradients/css3-linear-angle-gradients.html ('K') | « third_party/WebKit/LayoutTests/fast/gradients/css3-repeating-end-fill.html ('k') | third_party/WebKit/LayoutTests/fast/gradients/css3-repeating-linear-gradients-expected.txt » ('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> 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-repeating-linear-gradient(white, black 20%); 16 background-image: repeating-linear-gradient(white, black 20%);
17 background-image: -moz-repeating-linear-gradient(white, black 20%);
18 } 17 }
19 18
20 .linear2 { 19 .linear2 {
21 background-image: -webkit-repeating-linear-gradient(white 80%, black); 20 background-image: repeating-linear-gradient(white 80%, black);
22 background-image: -moz-repeating-linear-gradient(white 80%, black);
23 } 21 }
24 22
25 .linear3 { 23 .linear3 {
26 background-image: -webkit-repeating-linear-gradient(top left, red, blue 20 px, red 40px); 24 background-image: -webkit-repeating-linear-gradient(top left, red, blue 20 px, red 40px);
Stephen Chennney 2017/04/04 18:01:24 And this one too.
27 background-image: -moz-repeating-linear-gradient(top left, red, blue 20px, red 40px); 25 background-image: -moz-repeating-linear-gradient(top left, red, blue 20px, red 40px);
28 } 26 }
29 27
30 .linear4 { 28 .linear4 {
31 background-image: -webkit-repeating-linear-gradient(left, red 10%, blue 30 %); 29 background-image: repeating-linear-gradient(to right, red 10%, blue 30%);
32 background-image: -moz-repeating-linear-gradient(left, red 10%, blue 30%);
33 } 30 }
34 31
35 .linear5 { 32 .linear5 {
36 background-image: -webkit-repeating-linear-gradient(left, red -10%, blue - 5%); 33 background-image: repeating-linear-gradient(to right, red -10%, blue -5%);
37 background-image: -moz-repeating-linear-gradient(left, red -10%, blue -5%) ;
38 } 34 }
39 35
40 .linear6 { 36 .linear6 {
41 background-image: -webkit-repeating-linear-gradient(left, red -10%, blue 1 05%); 37 background-image: repeating-linear-gradient(to right, red -10%, blue 105%) ;
42 background-image: -moz-repeating-linear-gradient(left, red -10%, blue 105% );
43 } 38 }
44 39
45 .linear7 { 40 .linear7 {
46 background-image: -webkit-repeating-linear-gradient(left, red 90%, blue 10 5%); 41 background-image: repeating-linear-gradient(to right, red 90%, blue 105%);
47 background-image: -moz-repeating-linear-gradient(left, red 90%, blue 105%) ;
48 } 42 }
49 43
50 .linear8 { 44 .linear8 {
51 background-image: -webkit-repeating-linear-gradient(left, red 2em, blue 3e m); 45 background-image: repeating-linear-gradient(to right, red 2em, blue 3em);
52 background-image: -moz-repeating-linear-gradient(left, red 2em, blue 3em);
53 } 46 }
54 47
55 .linear9 { 48 .linear9 {
56 background-image: -webkit-repeating-linear-gradient(left, red, orange, yel low, green, blue, red 60px); 49 background-image: repeating-linear-gradient(to right, red, orange, yellow, green, blue, red 60px);
57 background-image: -moz-repeating-linear-gradient(left, red, orange, yellow , green, blue, red 60px);
58 } 50 }
59 51
60 </style> 52 </style>
61 <script type="text/javascript" charset="utf-8"> 53 <script type="text/javascript" charset="utf-8">
62 if (window.testRunner) { 54 if (window.testRunner) {
63 testRunner.dumpAsTextWithPixelResults(); 55 testRunner.dumpAsTextWithPixelResults();
64 } 56 }
65 </script> 57 </script>
66 </head> 58 </head>
67 <body> 59 <body>
68 60
69 <div class="linear1 box"></div> 61 <div class="linear1 box"></div>
70 <div class="linear2 box"></div> 62 <div class="linear2 box"></div>
71 <div class="linear3 box"></div> 63 <div class="linear3 box"></div>
72 <br> 64 <br>
73 <div class="linear4 box"></div> 65 <div class="linear4 box"></div>
74 <div class="linear5 box"></div> 66 <div class="linear5 box"></div>
75 <div class="linear6 box"></div> 67 <div class="linear6 box"></div>
76 <br> 68 <br>
77 <div class="linear7 box"></div> 69 <div class="linear7 box"></div>
78 <div class="linear8 box"></div> 70 <div class="linear8 box"></div>
79 <div class="linear9 box"></div> 71 <div class="linear9 box"></div>
80 72
81 </body> 73 </body>
82 </html> 74 </html>
OLDNEW
« third_party/WebKit/LayoutTests/fast/gradients/css3-linear-angle-gradients.html ('K') | « third_party/WebKit/LayoutTests/fast/gradients/css3-repeating-end-fill.html ('k') | third_party/WebKit/LayoutTests/fast/gradients/css3-repeating-linear-gradients-expected.txt » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698