<style>
    body { overflow: hidden; }
    div {
        width: 200px;
        height: 200px;
        border: 5px dashed blue;
        background-image: radial-gradient(ellipse at top left, black, white);
        -webkit-background-size: 66% 66%;
    }
</style>
    <div style="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>