호그와트 출신의 마법 강좌

<div class="figure-html" data-ke-type="html" data-source="<span>마법</span><span>부에</span><span>&nbsp;</span><span>의해</span><span>&nbsp;</span><span>삭</span><span>제</span><span>된</span><span>&nbsp;</span><span>내용</span><span>입</span><span>니</span><span>다.</span> <style> img, a{ animation: smoky 5s 3s both; } span { display: inline-block; text-shadow: 0 0 0 whitesmoke; animation: smoky 5s 3s both; } span:nth-child(even){ animation-name: smoky-mirror; } @keyframes smoky { 60% { text-shadow: 0 0 40px whitesmoke; } to { transform: translate3d(15rem,-8rem,0) rotate(-40deg) skewX(70deg) scale(1.5); text-shadow: 0 0 20px whitesmoke; opacity: 0; } } @keyframes smoky-mirror { 60% { text-shadow: 0 0 40px whitesmoke; } to { transform: translate3d(18rem,-8rem,0) rotate(-40deg) skewX(-70deg) scale(2); text-shadow: 0 0 20px whitesmoke; opacity: 0; } } @for $item from 1 through 21 { span:nth-of-type(#{$item}){ animation-delay: #{(3 + ($item/10))}s; } } </style>"><div data-ke-class="article"><span>마법</span><span>부에</span><span> </span><span>의해</span><span> </span><span>삭</span><span>제</span><span>된</span><span> </span><span>내용</span><span>입</span><span>니</span><span>다.</span> <style> img, a{ animation: smoky 5s 3s both; } span { display: inline-block; text-shadow: 0 0 0 whitesmoke; animation: smoky 5s 3s both; } span:nth-child(even){ animation-name: smoky-mirror; } @keyframes smoky { 60% { text-shadow: 0 0 40px whitesmoke; } to { transform: translate3d(15rem,-8rem,0) rotate(-40deg) skewX(70deg) scale(1.5); text-shadow: 0 0 20px whitesmoke; opacity: 0; } } @keyframes smoky-mirror { 60% { text-shadow: 0 0 40px whitesmoke; } to { transform: translate3d(18rem,-8rem,0) rotate(-40deg) skewX(-70deg) scale(2); text-shadow: 0 0 20px whitesmoke; opacity: 0; } } @for $item from 1 through 21 { span:nth-of-type(#{$item}){ animation-delay: #{(3 + ($item/10))}s; } } </style></div></div><div class="figure-html" data-ke-type="html" data-source="<style> .tit_info { visibility: hidden; line-height: 0;} .tit_info:before { visibility: visible; content: '마법부에 의해 차단된 게시글입니다.'; line-height: 1.2em; } </style>"><div data-ke-class="article"><style> .tit_info { visibility: hidden; line-height: 0;} .tit_info:before { visibility: visible; content: '마법부에 의해 차단된 게시글입니다.'; line-height: 1.2em; } </style></div></div><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/mEr9/3f83e12dd6eaba9dafca8b7aaa56c1aee933583d" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/mEr9/3f83e12dd6eaba9dafca8b7aaa56c1aee933583d" data-origin-width="960" data-origin-height="640"></div><div class="figure-html" data-ke-type="html" data-source="<iframe width="6%" height="20" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/430111&color=%23ff5500&auto_play=true&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true"></iframe>"><div data-ke-class="article"><iframe width="6%" height="20" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/430111&color=%23ff5500&auto_play=true&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true"></iframe></div></div><p> </p>