BG ZOOM

by Glynne Turner

HTML

<div class="intro">
  <div  class="intro_bg second"></div>
</div>

CSS

body{  margin:0; padding:0; width:100%;height:100%}

.intro {
   width: 100vw; height: 100vh; position:absolute;  
}

.intro_bg {  
width:100%;
height:100%;   
position:relative;
    
   
}
.first{ background: url("http://goo.gl/0sX3jq")  center center  no-repeat ;
    }
.second{ background: url("http://thanet-web-design.com/TimeLounge/images/bg.jpg")  center center  no-repeat ;
       }

JavaScript

function zoom(){
$('.intro_bg').animate({
        'background-size': '100%'})
    
     }
  
    
     zoom()