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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/fast/gradients/css3-repeating-radial-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-linear-gradients2.html ('k') | third_party/WebKit/LayoutTests/fast/gradients/gradient-after-transparent-border.html » ('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 .radial1 { 15 .radial1 {
16 background-image: -webkit-repeating-radial-gradient(white, black 20%); 16 background-image: repeating-radial-gradient(white, black 20%);
17 background-image: -moz-repeating-radial-gradient(white, black 20%);
18 } 17 }
19 18
20 .radial2 { 19 .radial2 {
21 background-image: -webkit-repeating-radial-gradient(white 80%, black); 20 background-image: repeating-radial-gradient(white 80%, black);
22 background-image: -moz-repeating-radial-gradient(white 80%, black);
23 } 21 }
24 22
25 .radial3 { 23 .radial3 {
26 background-image: -webkit-repeating-radial-gradient(top left, red, blue 20 px, red 40px); 24 background-image: repeating-radial-gradient(at top left, red, blue 20px, r ed 40px);
27 background-image: -moz-repeating-radial-gradient(top left, red, blue 20px, red 40px);
28 } 25 }
29 26
30 .radial4 { 27 .radial4 {
31 background-image: -webkit-repeating-radial-gradient(bottom left, red 10%, blue 30%); 28 background-image: repeating-radial-gradient(at bottom left, red 10%, blue 30%);
32 background-image: -moz-repeating-radial-gradient(bottom left, red 10%, blu e 30%);
33 } 29 }
34 30
35 .radial5 { 31 .radial5 {
36 background-image: -webkit-repeating-radial-gradient(left, red -10%, blue - 5%); 32 background-image: repeating-radial-gradient(at left, red -10%, blue -5%);
37 background-image: -moz-repeating-radial-gradient(left, red -10%, blue -5%) ;
38 } 33 }
39 34
40 .radial6 { 35 .radial6 {
41 background-image: -webkit-repeating-radial-gradient(left, red -10%, blue 1 05%); 36 background-image: repeating-radial-gradient(at left, red -10%, blue 105%);
42 background-image: -moz-repeating-radial-gradient(left, red -10%, blue 105% );
43 } 37 }
44 38
45 .radial7 { 39 .radial7 {
46 background-image: -webkit-repeating-radial-gradient(left, red 90%, blue 10 5%); 40 background-image: repeating-radial-gradient(at left, red 90%, blue 105%);
47 background-image: -moz-repeating-radial-gradient(left, red 90%, blue 105%) ;
48 } 41 }
49 42
50 .radial8 { 43 .radial8 {
51 background-image: -webkit-repeating-radial-gradient(top, red 2em, blue 3em ); 44 background-image: repeating-radial-gradient(at top, red 2em, blue 3em);
52 background-image: -moz-repeating-radial-gradient(top, red 2em, blue 3em);
53 } 45 }
54 46
55 .radial9 { 47 .radial9 {
56 background-image: -webkit-repeating-radial-gradient(left, circle, red, ora nge, yellow, green, blue, red 60px); 48 background-image: repeating-radial-gradient(circle at left, red, orange, y ellow, green, blue, red 60px);
57 background-image: -moz-repeating-radial-gradient(left, circle, 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="radial1 box"></div> 60 <div class="radial1 box"></div>
70 <div class="radial2 box"></div> 61 <div class="radial2 box"></div>
71 <div class="radial3 box"></div> 62 <div class="radial3 box"></div>
72 <br> 63 <br>
73 <div class="radial4 box"></div> 64 <div class="radial4 box"></div>
74 <div class="radial5 box"></div> 65 <div class="radial5 box"></div>
75 <div class="radial6 box"></div> 66 <div class="radial6 box"></div>
76 <br> 67 <br>
77 <div class="radial7 box"></div> 68 <div class="radial7 box"></div>
78 <div class="radial8 box"></div> 69 <div class="radial8 box"></div>
79 <div class="radial9 box"></div> 70 <div class="radial9 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-linear-gradients2.html ('k') | third_party/WebKit/LayoutTests/fast/gradients/gradient-after-transparent-border.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698