<style>:root{--radius:15px;--border:5px;--color:#E1E1E1;}@font-face{font-family:'DeogonPrincessClassic';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2205@1.0/DeogonPrincessClassic.woff2')
format('woff2');font-weight:normal;font-style:normal;}@font-face{font-family:'kdg_Medium';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts-20-12@1.0/kdg_Medium.woff')
format('woff');font-weight:normal;font-style:normal;}*{box-sizing:border-box;}::-webkit-scrollbar{display:none;}#mybox{width:100%;height:450px;background:#d2d2d2
url('https://cdn.pixabay.com/photo/2021/04/11/23/36/sunset-6170986_1280.jpg');background-position:center;background-size:cover;background-repeat:no-repeat;overflow:hidden;border:var(--border)
solid var(--color);border-radius:var(--radius);position:relative;}.mytext{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,
-50%);color:#FFF;text-align:center;text-transform:uppercase;font-size:2rem;font-family:'kdg_Medium';text-shadow:1px
1px 2px rgba(0,0,0,0.6);z-index:3;}.muybridge{background:url(http://shawnmcburnie.com/codepen/horserace/horse-muybridge10.png)
0 0
repeat-x;height:110px;width:180px;position:absolute;bottom:2px;left:50%;margin-left:-100px;translate3d(0,0,0);/*
offers a bit of a performance boost by pushing some of this processing to the
GPU*/}.muybridge_1{animation:walk-cycle .5s steps(10)
infinite;}.muybridge_2{animation:walk-cycle .7s steps(10)
infinite;}.horse-position{animation:catchup 60s ease-in-out
infinite;position:absolute;bottom:10px;left:50%;margin-left:-300px;}@keyframes
catchup{0%{left:10%}10%{left:85%}100%{left:10%}}@keyframes
walk-cycle{0%{background-position:-12px -10px;}100%{background-position:-1950px
-10px;} }.foreground, .midground,
.background{width:100%;height:100%;position:absolute;top:0;left:0;translate3d(0,0,0);background-position:0
100%;}.foreground{animation:parallax_fg linear 10s infinite both;background:
url(http://shawnmcburnie.com/codepen/horserace/fg-grasses.png) 0 110%
repeat-x;z-index:3;}@keyframes parallax_fg{ 0%{background-position:0px
100%;}100%{background-position:-3584px 100%;} }.midground{animation:parallax_mg
linear 20s infinite;background: url(http://shawnmcburnie.com/codepen/horserace/mg-grasses.png)
0 100% repeat-x;z-index:2;}@keyframes parallax_mg{0%{background-position:0px
100%;}100%{background-position:-3000px 100%;} }.background{background-image:url(http://shawnmcburnie.com/codepen/horserace/bg-3000.png),url(http://shawnmcburnie.com/codepen/horserace/bg-2000.png);background-repeat:repeat-x;background-position:0
100%;z-index:1;animation:parallax_bg linear 40s infinite;}@keyframes
parallax_bg{0%{background-position:0px 100%;} 100%{ background-position:-3000px
100%, -2000px 100%;}}</style><a target="_blank" href="http://ply.xtx.kr/ezlink.php?id=chl0916"><div
id="mybox"><div class="foreground"></div><div class="midground"><div class="muybridge
muybridge_1"></div><div class="horse-position"><div class="muybridge
muybridge_2"></div></div></div><div class="background"></div><div class="mytext">음악과우정 그리고 사랑이야기 방송듣기</div></div></a>