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

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: 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:
View unified diff | Download patch
« no previous file with comments | « third_party/WebKit/LayoutTests/fast/gradients/css3-repeating-end-fill.html ('k') | third_party/WebKit/LayoutTests/fast/gradients/css3-repeating-linear-gradients-expected.png » ('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: repeating-linear-gradient(to bottom right, red, blue 20p x, red 40px);
27 background-image: -moz-repeating-linear-gradient(top left, red, blue 20px, red 40px);
28 } 25 }
29 26
30 .linear4 { 27 .linear4 {
31 background-image: -webkit-repeating-linear-gradient(left, red 10%, blue 30 %); 28 background-image: repeating-linear-gradient(to right, red 10%, blue 30%);
32 background-image: -moz-repeating-linear-gradient(left, red 10%, blue 30%);
33 } 29 }
34 30
35 .linear5 { 31 .linear5 {
36 background-image: -webkit-repeating-linear-gradient(left, red -10%, blue - 5%); 32 background-image: repeating-linear-gradient(to right, red -10%, blue -5%);
37 background-image: -moz-repeating-linear-gradient(left, red -10%, blue -5%) ;
38 } 33 }
39 34
40 .linear6 { 35 .linear6 {
41 background-image: -webkit-repeating-linear-gradient(left, red -10%, blue 1 05%); 36 background-image: repeating-linear-gradient(to right, red -10%, blue 105%) ;
42 background-image: -moz-repeating-linear-gradient(left, red -10%, blue 105% );
43 } 37 }
44 38
45 .linear7 { 39 .linear7 {
46 background-image: -webkit-repeating-linear-gradient(left, red 90%, blue 10 5%); 40 background-image: repeating-linear-gradient(to right, red 90%, blue 105%);
47 background-image: -moz-repeating-linear-gradient(left, red 90%, blue 105%) ;
48 } 41 }
49 42
50 .linear8 { 43 .linear8 {
51 background-image: -webkit-repeating-linear-gradient(left, red 2em, blue 3e m); 44 background-image: repeating-linear-gradient(to right, red 2em, blue 3em);
52 background-image: -moz-repeating-linear-gradient(left, red 2em, blue 3em);
53 } 45 }
54 46
55 .linear9 { 47 .linear9 {
56 background-image: -webkit-repeating-linear-gradient(left, red, orange, yel low, green, blue, red 60px); 48 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 } 49 }
59 50
60 </style> 51 </style>
61 <script type="text/javascript" charset="utf-8"> 52 <script type="text/javascript" charset="utf-8">
62 if (window.testRunner) { 53 if (window.testRunner) {
63 testRunner.dumpAsTextWithPixelResults(); 54 testRunner.dumpAsTextWithPixelResults();
64 } 55 }
65 </script> 56 </script>
66 </head> 57 </head>
67 <body> 58 <body>
68 59
69 <div class="linear1 box"></div> 60 <div class="linear1 box"></div>
70 <div class="linear2 box"></div> 61 <div class="linear2 box"></div>
71 <div class="linear3 box"></div> 62 <div class="linear3 box"></div>
72 <br> 63 <br>
73 <div class="linear4 box"></div> 64 <div class="linear4 box"></div>
74 <div class="linear5 box"></div> 65 <div class="linear5 box"></div>
75 <div class="linear6 box"></div> 66 <div class="linear6 box"></div>
76 <br> 67 <br>
77 <div class="linear7 box"></div> 68 <div class="linear7 box"></div>
78 <div class="linear8 box"></div> 69 <div class="linear8 box"></div>
79 <div class="linear9 box"></div> 70 <div class="linear9 box"></div>
80 71
81 </body> 72 </body>
82 </html> 73 </html>
OLDNEW
« no previous file with comments | « third_party/WebKit/LayoutTests/fast/gradients/css3-repeating-end-fill.html ('k') | third_party/WebKit/LayoutTests/fast/gradients/css3-repeating-linear-gradients-expected.png » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698