css 배경 확대/축소 animation

#section1 .main-bg {width:100%; min-height:100%; background:url('../images/intro/intro_bg_01.jpg') center center no-repeat; position: absolute; top: 0; left: 0; z-index: 1; -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1);

-webkit-animation:KEYFRAME 2.5s both;

-moz-animation: KEYFRAME 2.5s both;

-o-animation: KEYFRAME 2.5s both;

animation: KEYFRAME 2.5s both}

​

@-webkit-keyframes KEYFRAME {

0% {-webkit-transform:scale(1.0);transform:scale(1.0)}

100% {-webkit-transform:scale(1.05);transform:scale(1.05)}

}

@-moz-keyframes KEYFRAME {

0% {-webkit-transform:scale(1.0);transform:scale(1.0)}

100% {-webkit-transform:scale(1.05);transform:scale(1.05)}

}

@-o-keyframes KEYFRAME {

0% {-webkit-transform:scale(1.0);transform:scale(1.0)}

100% {-webkit-transform:scale(1.05);transform:scale(1.05)}

}

@keyframes KEYFRAME {

0% {-webkit-transform:scale(1.0);transform:scale(1.0)}

100% {-webkit-transform:scale(1.05);transform:scale(1.05)}

}