third_party/WebKit/LayoutTests/fast/gradients/background-clipped.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14

<style>
    body { overflow: hidden; }
    div {
        width: 200px;
        height: 200px;
        border: 5px dashed blue;
        background-image: -webkit-gradient(radial, left top, 0, left top, 250, from(black), to(white));
        -webkit-background-size: 66% 66%;
    }
</style>
    <div style="-webkit-transform: rotate(45deg);"></div>
    <div style="margin-top: 50px; margin-left: -50px;"></div>
    <div style="margin-top: -210px; margin-left: auto; margin-right: -50px;">
</div>