좋은 글과 좋은 음악이 있는 곳

<div class="figure-html" data-ke-type="html" data-source="<style> .move { position: relative; animation: myfirst 60s; animation-iteration-count:infinite; } @keyframes myfirst { 45% { transform : rotate(0deg)} 50% { transform : rotateY(180deg)} 55% { transform : rotateY(180deg)} 60% { transform : scale(100%, 100%);} 65% { transform : scale(30%, 30%);} 67% { transform : scale(100%, 100%);} 70% { transform : scale(5%, 5%);} 71% { transform : scale(100%, 100%);} 72% { transform : scale(1%, 1%);} 73% { transform : scale(100%, 100%);} 100% { transform : scale(100%, 100%);} } .move2 { position: relative; animation: myfirst2 30s; animation-iteration-count:infinite; } @keyframes myfirst2 { 25% { transform : translateX(-500px)} 45% { transform : rotate(180deg);} 49% { transform : rotate(180deg);} 50% { transform : scale(20%, 20%);} 51% { transform : scale(100%, 100%);} 55% { transform : rotate(-180deg);} 75% { transform : translateX(500px);} 100% { transform : translateX(0px);} } </style> <table border=0 style="overflow: hidden; background: transparent" width=100% align=center><tr><td> <table border=0 style="overflow: hidden; background: transparent" width=100% align=center><tr><td> <br> <div class=move> <center> <iframe width=800= height=450 src="https://www.youtube.com/embed/NhbgC4RenZ8?autoplay=1&playlist=NhbgC4RenZ8&loop=1&autohide=1&showinfo=0&fs=0&rel=0" style="border:2px solid #ff0000; border-radius:30px; box-shadow: 5px -5px 0px #00ff00, 10px -10px 0px #0000ff;" frameborder="0" allowfullscreen="" allow="autoplay"></iframe> </center> </div> </td></tr></table> <br> <div class=move2> <center> <img src="https://t1.daumcdn.net/cafeattach/1ZFir/7a56b8c0740c0284c971b96afab6a80a161d42c7" width=300> </center> </div> </td></tr></table> <style> body, #primaryContent{ background-image: url(https://t1.daumcdn.net/cafeattach/1ZFir/0f60ecc0b9832d6c3012277776210e7e28e86313), url(https://t1.daumcdn.net/cafeattach/1ZFir/a8be02b38a00c0c6ef724883d1a37a89363a595a), linear-gradient(0deg,#000000, #000000); background-attachment: fixed; background-color: #000000; background-repeat:no-repeat, repeat-x, no-repeat; background-position: top right, top center, bottom right; background-size: 600px, 140px 200px, cover ; } </style> <style> #TITLEBACKGROUND {background-image: url(a); background-color: transparent; } .comment_section,#Content { background: linear-gradient(0deg, #cae9d7, #a2d9ac); } .cont_comment,#Content { position:relative; width:630px;left:0; font-weight:bold; color:#000000; } </style> "><div data-ke-class="article"><style> .move { position: relative; animation: myfirst 60s; animation-iteration-count:infinite; } @keyframes myfirst { 45% { transform : rotate(0deg)} 50% { transform : rotateY(180deg)} 55% { transform : rotateY(180deg)} 60% { transform : scale(100%, 100%);} 65% { transform : scale(30%, 30%);} 67% { transform : scale(100%, 100%);} 70% { transform : scale(5%, 5%);} 71% { transform : scale(100%, 100%);} 72% { transform : scale(1%, 1%);} 73% { transform : scale(100%, 100%);} 100% { transform : scale(100%, 100%);} } .move2 { position: relative; animation: myfirst2 30s; animation-iteration-count:infinite; } @keyframes myfirst2 { 25% { transform : translateX(-500px)} 45% { transform : rotate(180deg);} 49% { transform : rotate(180deg);} 50% { transform : scale(20%, 20%);} 51% { transform : scale(100%, 100%);} 55% { transform : rotate(-180deg);} 75% { transform : translateX(500px);} 100% { transform : translateX(0px);} } </style> <table border=0 style="overflow: hidden; background: transparent" width=100% align=center><tr><td> <table border=0 style="overflow: hidden; background: transparent" width=100% align=center><tr><td> <br> <div class=move> <center> <iframe width=800= height=450 src="https://www.youtube.com/embed/NhbgC4RenZ8?autoplay=1&playlist=NhbgC4RenZ8&loop=1&autohide=1&showinfo=0&fs=0&rel=0" style="border:2px solid #ff0000; border-radius:30px; box-shadow: 5px -5px 0px #00ff00, 10px -10px 0px #0000ff;" frameborder="0" allowfullscreen="" allow="autoplay"></iframe> </center> </div> </td></tr></table> <br> <div class=move2> <center> <img src="https://t1.daumcdn.net/cafeattach/1ZFir/7a56b8c0740c0284c971b96afab6a80a161d42c7" width=300> </center> </div> </td></tr></table> <style> body, #primaryContent{ background-image: url(https://t1.daumcdn.net/cafeattach/1ZFir/0f60ecc0b9832d6c3012277776210e7e28e86313), url(https://t1.daumcdn.net/cafeattach/1ZFir/a8be02b38a00c0c6ef724883d1a37a89363a595a), linear-gradient(0deg,#000000, #000000); background-attachment: fixed; background-color: #000000; background-repeat:no-repeat, repeat-x, no-repeat; background-position: top right, top center, bottom right; background-size: 600px, 140px 200px, cover ; } </style> <style> #TITLEBACKGROUND {background-image: url(a); background-color: transparent; } .comment_section,#Content { background: linear-gradient(0deg, #cae9d7, #a2d9ac); } .cont_comment,#Content { position:relative; width:630px;left:0; font-weight:bold; color:#000000; } </style> </div></div>