<style>
    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>