wpt/css/css-backgrounds/border-image-021.html at master · web-platform-tests/wpt

23 lines (23 loc) · 721 Bytes

<!doctype html>

<title>border-image w/ border radius</title>

<style>

#target {

width: 100px;

height: 100px;

background: conic-gradient(rgba(255, 0, 0, 0.5) 0 0), conic-gradient(red 0 0);

border-radius: 40px;

border-image: conic-gradient(green 0 0) 1 fill / 10px;

}

#back {

width: 100px;

height: 100px;

background-color: red;

}

</style>

<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>

</div>

Provide feedback