logo>round

HTML

<div id="logo">
    <div id="round"></div>
</div>
<button>Click me</button>

CSS

div#logo {
    width: 220px;
    height: 220px;
    background: #4d4d4d;
    padding: 20px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
div#logo>div#round {
    width: 100%;
    height: 100%;
    border-radius: 1000px;
    background: rgba(0, 0, 0, .3);
}
button{
    position: fixed;
    top: 10px;
    left: 10px;
    z-index: 10;
    
}

JavaScript

$("button").click(function(){
    $("#logo").animate({"width":"1000px"},1000,function(){
      $("#logo").animate({"height":"1000px"},1000,function(){
          $("#round").css({"box-shadow":"0 0 35px #fff, 3px 3px 13px"})
      });
    })

})