OLD | NEW |
1 <!doctype html> | 1 <!doctype html> |
2 <style> | 2 <style> |
3 .radial::before { width:150px; height:150px; border:2px solid black; | 3 .radial::before { width:150px; height:150px; border:2px solid black; |
4 content: radial-gradient(circle at 45px 45px, #A7D30C, #019F62 40px, rgb
a(1,159,98,0) 50px); | 4 content: radial-gradient(circle at 45px 45px, #A7D30C, #019F62 40px, rgb
a(1,159,98,0) 50px); |
5 display: block; | 5 display: block; |
6 } | 6 } |
7 .linear::after { width:130px; height:130px; border:2px solid black; | 7 .linear::after { width:130px; height:130px; border:2px solid black; |
8 content: linear-gradient(to bottom, #00abeb, #fff 50%, #66cc00 50%, #fff
); | 8 content: linear-gradient(to bottom, #00abeb, #fff 50%, #66cc00 50%, #fff
); |
9 display: block; | 9 display: block; |
10 } | 10 } |
11 </style> | 11 </style> |
12 <div class="radial"></div> | 12 <div class="radial"></div> |
13 <div class="linear"></div> | 13 <div class="linear"></div> |
14 | 14 |
15 <script> | 15 <script> |
16 if (window.testRunner) { | 16 if (window.testRunner) { |
17 var dumpPixels = true; | 17 testRunner.dumpAsTextWithPixelResults(); |
18 testRunner.dumpAsText(dumpPixels); | |
19 } | 18 } |
20 </script> | 19 </script> |
OLD | NEW |