gradient-after-transparent-border.html

<!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>
</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>

chromium/third_party/blink/web_tests/fast/gradients/gradient-after-transparent-border.html