<!--</frameset>--> <!-- Styles --> <style style="text/css"> .mainbody { height: 20px; overflow: hidden; position: relative; } .mainbody h1 { position: absolute; width: 100%; height: 100%; margin: 0; border:0px solid red; line-height: 50px; text-align: center; color:#aaa; font:8pt '맑은 고딕'; /* Starting position */ -moz-transform:translateX(100%); -webkit-transform:translateX(100%); transform:translateX(100%); /* Apply animation to this element */ -moz-animation: mainbody 15s linear infinite; -webkit-animation: mainbody 15s linear infinite; animation: mainbody 15s linear infinite; } /* Move it (define the animation) */ @-moz-keyframes mainbody { 0% { -moz-transform: translateX(100%); } 100% { -moz-transform: translateX(-100%); } } @-webkit-keyframes mainbody { 0% { -webkit-transform: translateX(100%); } 100% { -webkit-transform: translateX(-100%); } } @keyframes mainbody { 0% { -moz-transform: translateX(100%); /* Firefox bug fix */ -webkit-transform: translateX(100%); /* Firefox bug fix */ transform: translateX(100%); } 100% { -moz-transform: translateX(-100%); /* Firefox bug fix */ -webkit-transform: translateX(-100%); /* Firefox bug fix */ transform: translateX(-100%); } } .wrap { position:absolute; top:2px; left:50%; margin-left:-470px; width:880px; border:0px solid #ddd; height:10px; white-space:nowrap; z-index:1;} </style> <!-- HTML --> <div class="wrap"> <div class="mainbody"> <h1>한진관광비즈니스석여행 - 한진여행사, 한진관광, 한진투어, 한진관광비즈니스석여행, 대한항공 이집트 전세기, 요르단, 두바이, 상해, 홍콩 디즈니랜드, 베트남 빈펄, 중남미, 뉴질랜드, 이스라엘, 요르단,비즈니스석 남미, 코타키나발루 수트라 하버 리조트, 본다이비치, 보라카이, 괌 하얏트 리젠시, 미서부 리무진 코치 투어, 파나마 운하 크루즈 </h1> </div> </div> </body> </html>