blob: f9fdb2a9b22d3b21094b8b16f0b7616139ef83e0 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
<!DOCTYPE html>
<html>
<head>
<style>
div {
/* Add two mask layers and apply border-radius to the bottom-most layer. */
mask: linear-gradient(red, blue) border-box no-clip, 6%;
border-style: solid;
border-top-left-radius: 24%;
}
</style>
</head>
<div></div>
</html>
|