blob: 17102da9434a72f512ff7e9965de983f5b354437 [file] [log] [blame]
<!DOCTYPE html>
<html>
<head>
<style>
.square {
width: 100px;
height: 100px;
float: left;
margin: 50px;
}
.transparent-border {
background-color:red;
border-bottom: 10px solid rgba(1, 52, 193, 0.5);
}
.gradient {
background: linear-gradient(rgba(0,0,255,1), rgba(0,255,0,1));
}
</style>
<script>
if (window.testRunner)
testRunner.dumpAsTextWithPixelResults();
</script>
</head><body>
<p>Test for Bug 51240: PASS if the second box is painted as an opaque blue-to-green square.</p>
<div class="square transparent-border"></div>
<div class="square gradient"></div>
</body></html>