body { margin:0; padding:0 } #ballDiv { position:fixed; top:0; left:0 } .balloon { width:150px; height:150px; position:absolute; left:0; top:0; background-color:#f3778d; border-radius:50% 50% 10% 50%; transform:rotate(45deg); box-shadow:1px 1px 20px 20px pink inset; z-index:10 } .balloon:after { width:20px; height:20px; content:""; display:block; background:0 0; position:absolute; right:-15px; bottom:-15px; border-left:5px solid pink; border-top:5px solid pink } .balloon:before { width:2px; height:50px; content:""; display:block; background:pink; position:absolute; right:-10px; top:100%; margin-top:-16px; transform:rotate(-45deg) }