20 lines
541 B
HTML
20 lines
541 B
HTML
<!doctype html>
|
|
<style>
|
|
.radial::before { width:150px; height:150px; border:2px solid black;
|
|
content: radial-gradient(circle at 45px 45px, #A7D30C, #019F62 40px, rgba(1,159,98,0) 50px);
|
|
display: block;
|
|
}
|
|
.linear::after { width:130px; height:130px; border:2px solid black;
|
|
content: linear-gradient(to bottom, #00abeb, #fff 50%, #66cc00 50%, #fff);
|
|
display: block;
|
|
}
|
|
</style>
|
|
<div class="radial"></div>
|
|
<div class="linear"></div>
|
|
|
|
<script>
|
|
if (window.testRunner) {
|
|
var dumpPixels = true;
|
|
testRunner.dumpAsText(dumpPixels);
|
|
}
|
|
</script> |