본문으로 건너뛰기
사용자

yuro0926(r5판)

편집 시각·0
보기RAW역사
[주의!] 문서의 이전 버전(에 수정)을 보고 있습니다. 최신 버전으로 이동

When you wish upon a star
make no difference who you are.
 

현재 시각
가입일
2017-11-22
더시드위키 개설일
2017-07-09
사용자 수
1930
총 문서 수
19939
일반 문서 수
10227
틀 문서 수
918
파일 문서 수
3719
분류 문서 수
2878
더시드위키 관련 문서 수
20

1. 사용자2. 라이트 노벨
2.1. 변변찮은 마술강사와 금기교전2.2. 이 멋진 세계에 축복을!2.3. 노 게임 노 라이프
3. 음악
3.1. 천본앵 千本桜3.2. 로스트 원의 호곡 Lost One 's 號哭
4. 히어로즈 오브 더 스톰 HTML

1. 사용자[편집]

제작중

2. 라이트 노벨[편집]

2.1. 변변찮은 마술강사와 금기교전[편집]

《나는 신을 베어 죽인 자 · 나는 근원의 시작과 끝을 아는 자 · 그대는 섭리의 원환으로 귀환하라 · 오대원소는 오대원소로 · 상과 섭리를 잇는 인연은 괴리할 지니 · 이제 삼라만상은 마땅히 이곳에서 사라질 지어다 · 아득한 허무의 끝으로》

흑마 개량형 【익스팅션 레이】

2.2. 이 멋진 세계에 축복을![편집]

익스플로전!!

2.3. 노 게임 노 라이프[편집]

No Game, No Life.

3. 음악[편집]

🎤🎼🎵🎶🎵🎶

3.1. 천본앵 千本桜[편집]

【 가사보기 】
 [ 보이기 / 숨기기 ] 
大胆不敵にハイカラ革命 磊々落々反戦国家
다이탄 후테키니 하이카라 카쿠메이 라이라이 라쿠라쿠 한센콧카
대담무쌍하게 하이칼라 혁명 뇌뢰낙락한 반전국가
日の丸印の二輪車転がし 悪霊退散 ICBM
히노마루 지루시노 니린샤 코로가시 아쿠료오타이산 ICBM
일장기 무늬의 이륜차를 타고서 악령 퇴치 ICBM
環状線を走り抜けて 東奔西走なんのその
칸죠오센오 하시리 누케테 토오혼 세이소오 난노소노
환상선을 달려나가면 동분서주가 무엇이더냐
少年少女戦国無双 浮世の随に
쇼오넨 쇼오죠 센고쿠 무소오 우키요노 마니마니
소년 소녀 전국무쌍은 덧없는 세상의 뜻대로 흘러가네
千本桜 夜ニ紛レ 君ノ声モ届カナイヨ
센본자쿠라 요루니 마기레 키미노 코에모 토도카나이요
천 그루의 벚나무는 밤에서 뒤섞여 그대의 목소리도 닿지는 않네
此処は宴 鋼の檻 その断頭台で見下ろして
코코와 우타게 하가네노오리 소노 단토오 다이데 미오로시테
이곳은 연회장 강철의 우리 그 단두대에서 내려다 보면
三千世界 常世之闇 嘆ク唄モ聞コエナイヨ
산젠 세카이 토코요노 야미 나게쿠 우타모 키코에나이요
드넓은 세계 영원한 어둠 한탄하는 노래도 들리지 않네
青藍の空 遥か彼方 その光線銃で打ち抜いて
세이란노 소라 하루카 카나타 소노 코오센 쥬우데 우치 누이테
청람빛 하늘 아득한 저편에 그 광선총으로 꿰뚫어라
百戦錬磨の見た目は将校 いったりきたりの花魁道中
햐쿠센렌마노 미타메와 쇼오코오 잇타리 키타리노 오이란 도오츄우
백전연마의 외관은 장교 분주히 움직이는 기녀들의 행렬
アイツもコイツも皆で集まれ
아이츠모 코이츠모 민나데 아츠마레
너 나 할 것 없이 모두 모여라
聖者の行進 わんっ つー さん しっ
세이쟈노 코오신 완 츠- 산 싯
성자의 행진 원 투 셋 넷
禅定門を潜り抜けて 安楽浄土厄払い
젠죠오몬오 쿠구리 누케테 안라쿠 죠오도 야쿠 바라이
선정문을 빠져나와서 극락정토에서 액막이를 하니
きっと終幕は大団円 拍手の合間に
킷토 사이고와 다이단엔 하쿠슈노 아이마니
분명 대단원의 마무리는 박수갈채속에서 이루어지리
千本桜 夜ニ紛レ 君ノ声モ届カナイヨ
센본자쿠라 요루니 마기레 키미노 코에모 토도카나이요
천 그루의 벚나무는 밤에 뒤섞여 그대의 목소리도 닿지를 않네
此処は宴 鋼の檻 その断頭台で見下ろして
코코와 우타게 하가네노 오리 소노 단토오 다이데 미오로시테
이곳은 연회장 강철의 우리 그 단두대에서 내려다 보네
三千世界 常世之闇 嘆ク唄モ聞コエナイヨ
산젠 세카이 토코요노 야미 나게쿠 우타모 키코에나이요
드넓은 세계 영원한 어둠 한탄하는 노래도 들리지 않네
希望の丘 遥か彼方 その閃光弾を打ち上げろ
키보오노 오카 하루카 카나타 소노 센코오단오 우치 아게로
희망의 언덕 아득히 저편을 향해 그 섬광탄을 쏘아올려라
環状線を走り抜けて 東奔西走なんのその
칸죠오센오 하시리 누케테 토오혼 세이소오 난노소노
순환선을 달리고 달리니 동분서주가 무엇이더냐
少年少女戦国無双 浮世の随に
쇼오넨 쇼오죠 센고쿠무소오 우키요노 마니마니
소년 소녀 전국무쌍은 덧없는 세상의 뜻대로 흘러가네
千本桜 夜ニ紛レ 君ノ声モ届カナイヨ
센본자쿠라 요루니 마기레 키미노 코에모 토도카나이요
천 그루의 벚나무는 밤에 뒤섞이니 그대의 목소리도 닿지를 않네
此処は宴 鋼の檻 その断頭台を飛び降りて
코코와 우타게 하가네노 오리 소노 단토오 다이오 토비 오리테
이곳은 연회장 강철의 우리 그 단두대에서 뛰어내려라
千本桜 夜ニ紛レ 君が歌い僕は踊る
센본자쿠라 요루니 마기레 키미가 우타이 보쿠와 오도루
천 그루의 벚나무는 밤에 뒤섞이니 그대가 노래하니 나는 춤추네
此処は宴 鋼の檻 さあ光線銃を撃ちまくれ
코코와 우타게 하가네노 오리 사아 코오센 쥬오 우치 마쿠레
이곳은 연회장 강철의 우리 자 광선총을 쏘아버려라

3.2. 로스트 원의 호곡 Lost One 's 號哭[편집]

【 가사보기 】
 [ 보이기 / 숨기기 ] 
刃渡り 数 センチの 不信感が
하와타리 스우 센치노 후신칸가
칼날보다 날카로운 내 의심이
挙げ句の果て 静脈を 刺しちゃって
아게쿠노하테 조우먀쿠오 사시찻테
안타깝게도 내 손목을 찔러버렸어
病弱な 愛が 飛び出すもんで
뵤-자쿠나 아이가 토비다스몽데
연약한 내 사랑이 결국 흘러내려
レスポールさえも 凶器に 変えてしまいました
레스포-루 사에모 쿄우키니 카에테시마이마시타
레스폴 마저도 나를 위협해왔습니다
ノーフィクション
노 휘쿠숀
Non-Fiction
数学と 理科は 好きですが
스우가쿠토 리카와 스키데스가
이과 계열의 수학은 좋아했지만
国語が どうも ダメで 嫌いでした
고쿠고가 도-모 다메데 키라이데시타
국어가 어쩐지 안 돼서 싫어합니다
正しいのが どれか 悩んでいりゃ
타다시이노가 도레카 나얀데이랴
해답이 어느 것일까 찾아봤지만
どれも 不正解という オチでした
도레모 후세이카이토이우 오치데시타
어느 것도 맞지 않는다는 반전이야
本日の 宿題は 無個性な 僕のこと
혼지츠노 슈쿠다이와 무코세이나 보쿠노 코토
오늘 밤의, 내 숙제는, 개성 없는, 나에 대한 것,
過不足無い 不自由無い 最近に 生きていて
카후소쿠 나이 후지유우 나이 사이킨니 이키테이테
부족함도, 부자유도, 없는 날을 살아가는데,
でも どうして 僕達は 時々に いや毎日
데모 도-시테 보쿠타치와 토키도키니 이야 마이니치
어째서 왜 우리들은 가끔씩을, 아니 매일을
悲しいって言うんだ
카나시잇테 이운다
슬프다고 말하는지,
淋しいって言うんだ
사비시잇테 이운다
외롭다고 말하는지
黒板の この 漢字が 読めますか
코쿠반노 코노 칸지가 요메마스카
칠판의 이 한자를 읽을 수 있습니까?
あの 子の 心象は 読めますか
아노 코노 신쇼-와 요메마스카
저 아이의 마음은 읽을 수 있습니까?
その 心を 黒く 染めたのは
소노 코코로오 쿠로쿠 소메타노와
그 마음을 까맣게 물들인 것은
おい 誰なんだよ おい 誰なんだよ
오이 다레난다요 오이 다레난다요
도대체 누구야? 도대체 누구야!
そろばんで この 式が 解けますか
소로반데 코노 시키가 토케마스카
주판으로 이 문젤 풀 수 있습니까?
あの 子の 首の 輪も 解けますか
아노 코노 쿠비노 와모 토케마스카
저 아이의 목걸이도 풀 수 있습니까?
僕達 このまんまで いいんですか
보쿠타치 코노 만마데 이인데스카
우리들은 이대로도 괜찮은 겁니까?
おい どうすんだよ
오이 도-슨다요
어떡할 거야?
もう どうだって いいや
모우 도-닷테 이이야
뭐 어쨌든 좋아
いつまで 経ったって 僕達は
이츠마데 탓탓테 보쿠타치와
시간이 흘러가도 우리들은
ぞんざいな 催眠に 酔っていて
존자이나 사이민니 욧테이테
이상한 최면 속에 빠져서
どうしようもない 位の 驕傲を
도-시요-모나이 쿠라이노 쿄우고-오
감당할 수도 없는 이 오만함을
ずっと 匿っていたんだ
즛토- 카쿠맛테 이탄다
줄.곧. 감추고 있었어
昨日の 宿題は 相変わらず 解けないや
사쿠지츠노 슈쿠다이와 아이카와라즈 토케나이야
어젯밤의, 내 숙제는, 변함 없이, 풀 수가 없어
過不足無い 不自由無い 最近に 生きていて
카후소쿠 나이 후지유우 나이 사이킨니 이키테이테
과부족도, 부자유도, 없는 날을 살아가는데,
でも どうして 僕達の 胸元の 塊は
데모 도-시테 보쿠타치노 무나모토노 카타마리와
어째서 왜 우리들의 가슴 속의 응어리들은
消えたいって言うんだ
키에타잇테 이운다
사라지려 하는지,
死にたいって言うんだ
시니타잇테 이운다
죽어버리려 하는지
黒板の この 漢字が 読めますか
코쿠반노 코노 칸지가 요메마스카
칠판의 이 한자를 읽을 수 있습니까?
あの 子の 心象は 読めますか
아노 코노 신쇼-와 요메마스카
저 아이의 마음은 읽을 수 있습니까?
その 心を 黒く 染めたのは
소노 코코로오 쿠로쿠 소메타노와
그 마음을 까맣게 물들인 것은
おい 誰なんだよ おい 誰なんだよ
오이 다레난다요 오이 다레난다요
도대체 누구야? 도대체 누구야!
そろばんで この 式が 解けますか
소로반데 코노 시키가 토케마스카
주판으로 이 문젤 풀 수 있습니까?
あの 子の 首の 輪も 解けますか
아노 코노 쿠비노 와모 토케마스카
저 아이의 목걸이도 풀 수 있습니까?
僕達 このまんまで いいんですか
보쿠타치 코노 만마데 이인데스카
우리들은 이대로도 괜찮은 겁니까?
おい どうすんだよ おい どうすんだよ
오이 도-슨다요 오이 도-슨다요
어떡할 거야? 어떡할 거야!
面積比の 公式 言えますか
멘세키히노 코우시키 이에마스카
면적비의 공식을 말할 수 있습니까?
子供の 時の 夢は 言えますか
코도모노 토키노 유메와 이에마스카
어렸을 적의 꿈은 말할 수 있습니까?
その 夢すら 溝に 捨てたのは
소노 유메스라 도부니 스테타노와
그 꿈조차 하수구 속에 버려버린건
おい 誰なんだよ
오이 다레난다요
도대체 누구야?
もう 知ってんだろ
모우 싯텐다로
알고 있잖아!
いつになりゃ 大人に なれますか
이츠니나랴 오토나니 나레마스카
언제 쯤이야 어른이 될 수 있는겁니까?
そもそも 大人とは 一体全体 何ですか
소모소모 오토나토와 잇타이 젠타이 난데스카
애초에 어른이란 건 대체 뭐란 겁니까?
どなたに 伺えば いいんですか
도나타니 우카가에바 이인데스카
누구에게 물어봐야 알 수 있습니까?
おい どうすんだよ
오이 도-슨다요
어떡할 거야?
もう どうだって いいや
모우 도-닷테 이이야
뭐 어쨌든 좋아

4. 히어로즈 오브 더 스톰 HTML[편집]

【 소스보기 】
 [ 보이기 / 숨기기 ] 
<style>
/* ================================================================================================
Made by MonsterBoxYT 출처 : https://goo.gl/nhaBfH
직접 소스보기 해서 소스 찾았습니다
================================================================================================ */
/* ================================================================================================
Made by MonsterBoxYT ( 출처 : https://goo.gl/nhaBfH ) [ KEYFRAMES ]
================================================================================================ */
@keyframes shake {
2% {
transform: translate(-0.5px, -0.5px) rotate(0.5deg); }
4% {
transform: translate(2.5px, -1.5px) rotate(-0.5deg); }
6% {
transform: translate(2.5px, 0.5px) rotate(1.5deg); }
8% {
transform: translate(-0.5px, 2.5px) rotate(-0.5deg); }
10% {
transform: translate(1.5px, -0.5px) rotate(1.5deg); }
12% {
transform: translate(0.5px, -1.5px) rotate(-0.5deg); }
14% {
transform: translate(0.5px, -1.5px) rotate(0.5deg); }
16% {
transform: translate(-0.5px, 0.5px) rotate(0.5deg); }
18% {
transform: translate(-1.5px, 1.5px) rotate(0.5deg); }
20% {
transform: translate(-0.5px, -1.5px) rotate(-0.5deg); }
22% {
transform: translate(1.5px, 1.5px) rotate(0.5deg); }
24% {
transform: translate(-1.5px, 2.5px) rotate(1.5deg); }
26% {
transform: translate(-0.5px, 0.5px) rotate(0.5deg); }
28% {
transform: translate(-1.5px, 1.5px) rotate(-0.5deg); }
30% {
transform: translate(1.5px, 0.5px) rotate(0.5deg); }
32% {
transform: translate(1.5px, -0.5px) rotate(0.5deg); }
34% {
transform: translate(2.5px, 1.5px) rotate(-0.5deg); }
36% {
transform: translate(-1.5px, -0.5px) rotate(-0.5deg); }
38% {
transform: translate(1.5px, 2.5px) rotate(-0.5deg); }
40% {
transform: translate(-0.5px, -1.5px) rotate(0.5deg); }
42% {
transform: translate(0.5px, 0.5px) rotate(0.5deg); }
44% {
transform: translate(1.5px, 1.5px) rotate(-0.5deg); }
46% {
transform: translate(-1.5px, 0.5px) rotate(-0.5deg); }
48% {
transform: translate(1.5px, 1.5px) rotate(1.5deg); }
50% {
transform: translate(0.5px, -0.5px) rotate(0.5deg); }
52% {
transform: translate(-0.5px, 0.5px) rotate(1.5deg); }
54% {
transform: translate(1.5px, -1.5px) rotate(0.5deg); }
56% {
transform: translate(-0.5px, -1.5px) rotate(1.5deg); }
58% {
transform: translate(2.5px, 1.5px) rotate(0.5deg); }
60% {
transform: translate(-0.5px, -0.5px) rotate(1.5deg); }
62% {
transform: translate(1.5px, 2.5px) rotate(-0.5deg); }
64% {
transform: translate(-1.5px, 0.5px) rotate(-0.5deg); }
66% {
transform: translate(2.5px, 1.5px) rotate(-0.5deg); }
68% {
transform: translate(2.5px, 0.5px) rotate(1.5deg); }
70% {
transform: translate(-1.5px, -1.5px) rotate(0.5deg); }
72% {
transform: translate(-1.5px, -0.5px) rotate(-0.5deg); }
74% {
transform: translate(-0.5px, -1.5px) rotate(1.5deg); }
76% {
transform: translate(1.5px, 1.5px) rotate(0.5deg); }
78% {
transform: translate(1.5px, -0.5px) rotate(1.5deg); }
80% {
transform: translate(-0.5px, 1.5px) rotate(1.5deg); }
82% {
transform: translate(2.5px, 2.5px) rotate(0.5deg); }
84% {
transform: translate(-0.5px, 0.5px) rotate(1.5deg); }
86% {
transform: translate(1.5px, -0.5px) rotate(1.5deg); }
88% {
transform: translate(2.5px, -1.5px) rotate(0.5deg); }
90% {
transform: translate(0.5px, -1.5px) rotate(-0.5deg); }
92% {
transform: translate(-0.5px, -1.5px) rotate(1.5deg); }
94% {
transform: translate(2.5px, 0.5px) rotate(1.5deg); }
96% {
transform: translate(-0.5px, -1.5px) rotate(-0.5deg); }
98% {
transform: translate(-0.5px, -1.5px) rotate(0.5deg); }
0%, 100% {
transform: translate(0, 0) rotate(0); } }


@keyframes shake-little {
2% {
transform: translate(0px, 0px) rotate(0.5deg); }
4% {
transform: translate(2px, 2px) rotate(0.5deg); }
6% {
transform: translate(2px, 2px) rotate(0.5deg); }
8% {
transform: translate(2px, 2px) rotate(0.5deg); }
10% {
transform: translate(2px, 0px) rotate(0.5deg); }
12% {
transform: translate(0px, 2px) rotate(0.5deg); }
14% {
transform: translate(0px, 0px) rotate(0.5deg); }
16% {
transform: translate(2px, 2px) rotate(0.5deg); }
18% {
transform: translate(0px, 0px) rotate(0.5deg); }
20% {
transform: translate(2px, 0px) rotate(0.5deg); }
22% {
transform: translate(2px, 2px) rotate(0.5deg); }
24% {
transform: translate(0px, 2px) rotate(0.5deg); }
26% {
transform: translate(0px, 0px) rotate(0.5deg); }
28% {
transform: translate(0px, 0px) rotate(0.5deg); }
30% {
transform: translate(2px, 2px) rotate(0.5deg); }
32% {
transform: translate(2px, 0px) rotate(0.5deg); }
34% {
transform: translate(2px, 0px) rotate(0.5deg); }
36% {
transform: translate(0px, 0px) rotate(0.5deg); }
38% {
transform: translate(2px, 2px) rotate(0.5deg); }
40% {
transform: translate(2px, 2px) rotate(0.5deg); }
42% {
transform: translate(2px, 2px) rotate(0.5deg); }
44% {
transform: translate(2px, 0px) rotate(0.5deg); }
46% {
transform: translate(0px, 0px) rotate(0.5deg); }
48% {
transform: translate(2px, 2px) rotate(0.5deg); }
50% {
transform: translate(2px, 0px) rotate(0.5deg); }
52% {
transform: translate(0px, 0px) rotate(0.5deg); }
54% {
transform: translate(0px, 0px) rotate(0.5deg); }
56% {
transform: translate(2px, 0px) rotate(0.5deg); }
58% {
transform: translate(2px, 2px) rotate(0.5deg); }
60% {
transform: translate(2px, 2px) rotate(0.5deg); }
62% {
transform: translate(2px, 2px) rotate(0.5deg); }
64% {
transform: translate(2px, 2px) rotate(0.5deg); }
66% {
transform: translate(0px, 0px) rotate(0.5deg); }
68% {
transform: translate(2px, 2px) rotate(0.5deg); }
70% {
transform: translate(2px, 0px) rotate(0.5deg); }
72% {
transform: translate(2px, 0px) rotate(0.5deg); }
74% {
transform: translate(2px, 2px) rotate(0.5deg); }
76% {
transform: translate(0px, 2px) rotate(0.5deg); }
78% {
transform: translate(0px, 0px) rotate(0.5deg); }
80% {
transform: translate(0px, 0px) rotate(0.5deg); }
82% {
transform: translate(0px, 0px) rotate(0.5deg); }
84% {
transform: translate(0px, 0px) rotate(0.5deg); }
86% {
transform: translate(2px, 0px) rotate(0.5deg); }
88% {
transform: translate(2px, 2px) rotate(0.5deg); }
90% {
transform: translate(2px, 2px) rotate(0.5deg); }
92% {
transform: translate(2px, 0px) rotate(0.5deg); }
94% {
transform: translate(2px, 0px) rotate(0.5deg); }
96% {
transform: translate(2px, 2px) rotate(0.5deg); }
98% {
transform: translate(2px, 2px) rotate(0.5deg); }
0%, 100% {
transform: translate(0, 0) rotate(0); } }
/* ================================================================================================
Made by MonsterBoxYT ( 출처 : https://goo.gl/nhaBfH ) [ shake end ]
================================================================================================ */
@keyframes spin {
0% { transform: rotate(0deg); }
0.1% { transform: rotate(-60deg); }
0.2% { transform: rotate(-144deg); }
0.25% { transform: rotate(-252deg); }
0.3% { transform: rotate(-396deg); }
0.35% { transform: rotate(-576deg); }
0.4% { transform: rotate(-792deg); }
0.45% { transform: rotate(-1152deg); }
0.5% { transform: rotate(-1632deg); }
0.6% { transform: rotate(-2352deg); }
0.7% { transform: rotate(-4012deg); }
2.1% { transform: rotate(-56856deg); }
2.2% { transform: rotate(-58514deg); }
2.3% { transform: rotate(-59234deg); }
2.4% { transform: rotate(-59703deg); }
2.5% { transform: rotate(-60063deg); }
2.6% { transform: rotate(-60279deg); }
2.7% { transform: rotate(-60603deg); }
2.8% { transform: rotate(-60711deg); }
100% { transform: rotate(-82656deg); }
}
@keyframes scale-up {
0% { transform: scale(0.5); }
0.5% { transform: scale(0.5); }
1% { transform: scale(2.5); }
2% { transform: scale(2.5); }
2.3% { transform: scale(0.5) translate(200px,-200px); }
100% { }
}
@keyframes remove-border {
0% { }
1% {
border-color: rgba(255,255,255,0);
background-color: rgba(255,255,255,0);
}
100% { }
}
@keyframes fall-header {
0% {
top: 0;
}
0.6% {
opacity: 1;
}
0.7% {
top: 350px;
transform: scale(0) perspective(450px) rotateY(155deg) rotateZ(100deg);
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes fall-sharemenu {
0% {}
0.5% {
transform: translate(-100%,0%) rotate(-270deg) scale(0.2);
opacity: 1;
}
0.55% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes fall-search_box {
0% {}
0.4% {
transform: translate(-10%,-500%) rotate(400deg) scale(0);
opacity: 1;
}
0.45% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes fall-list_btn_top_right {
0% {}
0.5% {
transform: translate(45vw,212px) rotate(180deg) scale(0.2);
transform-origin: left;
opacity: 1;
}
0.55% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes fall-list_btn_top_left {
0% {}
0.5% {
transform: translate(-45vw,212px) rotate(180deg) scale(0.2);
transform-origin: left;
opacity: 1;
}
0.55% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes fall-list_btn_bottom_right {
0% {}
0.5% {
transform: translate(45vw,-212px) rotate(180deg) scale(0.2);
transform-origin: left;
opacity: 1;
}
0.55% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes fall-list_btn_bottom_left {
0% {}
0.5% {
transform: translate(-45vw,-312px) rotate(180deg) scale(0.2);
transform-origin: left;
opacity: 1;
}
0.55% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes fall-cafemenu {
0% {}
0.7% {
transform: translate(44vw,-42%) rotate(345deg) scale(0.05);
opacity: 1;
}
0.75% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes fall-commentDiv {
0% {}
1% {
transform: translate(-6vw,-8vw) rotateX(230deg) rotateY(240deg) scale(0.05);
opacity: 1;
transform-origin: top;
}
1.1% {
opacity: 0;
}
100% { opacity: 0; }
}
@keyframes fall-subject {
0% {}
0.5% {
transform: translate(45vw,190px) rotate(50deg) scale(0.4);
transform-origin: right;
opacity: 1;
}
0.55% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes fall-writer {
0% {}
0.5% {
transform: translate(40vw,180px) rotate(-60deg) scale(0.4);
transform-origin: right;
opacity: 1;
}
0.55% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes fall-url {
0% {}
0.5% {
transform: translate(45vw,180px) rotate(-45deg) scale(0.2);
transform-origin: right;
opacity: 1;
}
0.55% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes fall-comment_cnt {
0% {}
0.5% {
transform: translate(40vw,-82px) rotate(180deg) scale(0.2);
transform-origin: left;
opacity: 1;
}
0.55% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes fall-ccl {
0% {}
0.5% {
transform: translate(-44vw,-42px) scale(0.5);
transform-origin: left;
opacity: 1;
}
0.55% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes appear-hos {
0% { }
0.04% { opacity: 1; }
100% { opacity: 1; }
}
@keyframes fall-paging {
0% { }
0.5% {
transform: rotate(-45deg) translate(7vw,-400px) scale(0.5);
opacity: 1;
}
0.55% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes fall-minidaum {
0% { }
0.5% {
transform: rotate(-48deg) translate(-45vw) scale(0.5);
opacity: 1;
}
0.55% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes fall-nickzzal {
0% { }
0.5% {
transform: translate(387px,22px) rotate(200deg) rotateX(60deg) rotateY(60deg) scale(0.1);
opacity: 1;
}
0.55% {
opacity: 0;
}
100% {
opacity: 0;
}
}


/* ================================================================================================
Made by MonsterBoxYT ( 출처 : https://goo.gl/nhaBfH ) [ STYLE ]
================================================================================================ */
html {
animation-name: shake;
animation-duration: 100ms;
animation-timing-function: ease-in-out;
animation-iteration-count: 190;
animation-delay: 6.5s;
}
body {
animation-name: shake-little;
animation-duration: 100ms;
animation-timing-function: ease-in-out;
animation-iteration-count: 245;
animation-delay: 3s;
}
.open_article {
display:none;
}
.bbs_contents {z-index: 0;}
#header {
z-index: 2000;
}
#title {
overflow: visible;
animation: 1000s fall-header ease-out 8.5s;
}
#TITLEBACKGROUND {
background-position: center;

}
#shareMenu { z-index: 2000 }
#shareMenu > * {
animation: 1000s fall-sharemenu cubic-bezier(0.85, 0.18, 1, 1.01) 7s;
z-index: 2000;
}
#wrap {
overflow: visible;
}
.search_box_elem {
animation: 1000s fall-search_box ease 6s;
}
.list_btn_top > a {
animation: 1000s fall-list_btn_top_right cubic-bezier(0.85, 0.18, 1, 1.01) 7s;
z-index: 2000;
}
.list_btn_top > .list_paging {
animation: 1000s fall-list_btn_top_left cubic-bezier(0.85, 0.18, 1, 1.01) 7s;
z-index: 2000;
}
.lineT > a {
animation: 1000s fall-list_btn_bottom_right cubic-bezier(0.85, 0.18, 1, 1.01) 7s;
z-index: 2000;
}
.lineT > .list_paging {
animation: 1000s fall-list_btn_bottom_left cubic-bezier(0.85, 0.18, 1, 1.01) 7s;
z-index: 2000;
}
#cafemenu {
animation: 1000s fall-cafemenu linear 7s;
z-index: 2000;
}
.commentDiv {
animation: 1000s fall-commentDiv linear 8s;
z-index: 2001;
}
.subject > span, .subject > a {
animation: 1000s fall-subject linear 7s;
z-index: 2000;
}
.article_writer > a, .article_writer > .bar2, .article_writer > .p11 {
animation: 1000s fall-writer linear 6s;
z-index: 2000;
}
.article_writer > .txt_sub {
animation: 1000s fall-url linear 6s;
z-index: 2000;
}
#comment_cnt {
animation: 1000s fall-comment_cnt linear 6s;
z-index: 2000;
}
.cclArea img {
animation: 1000s fall-ccl linear 6s;
z-index: 2000;
}
.article_subject, .linebg, .lineT {
animation: 1000s remove-border linear 7s;
}
.prenext_paging {
animation: 1000s fall-paging linear 6s;
z-index: 2000;
}
#daum-ad-root-ifrm, .goTop, #footer {
display: none;
}
#minidaum {
animation: 1000s fall-minidaum linear 6s;
z-index: 2000;
}
.sigong div {
width: 300px; height:300px;
min-width: 300px;
top: 0; left: 0;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.sigong .sigong_detail1 {
position: absolute;
background-image: url('https://p.imgone.xyz/1502583703478e6c7.png');
}
.sigong .sigong_detail2 {
background-image: url('https://p.imgone.xyz/150258368177fd6e1.png');
animation: spin 1000s linear infinite;
}
.nickzzal img {
position: absolute;
top: -50px;
width: 110px;
z-index: 2000;
animation: 1000s fall-nickzzal linear 6s;
}
#user_contents {
overflow: visible !important;
}
.hos {
background-image: url(https://p.imgone.xyz/15025837255570fd4.png);
background-size: contain;
background-position: center;

}

audio {
visibility: hidden;
}

/* ================================================================================================
Made by MonsterBoxYT ( 출처 : https://goo.gl/nhaBfH ) [ 미디어쿼리 ]
================================================================================================ */
@media screen and (min-width: 480px) { /* vw>480px */
.sigong {
position: absolute;
right: 50%;
margin-top: -100px;
animation: scale-up 1000s linear infinite;
z-index: 1000;
}
.hos {
opacity: 0;
animation: 1000s appear-hos linear 23s;
width: 708px;
height: 700px;
position: absolute;
right: 50%;
margin-top: -338px;
margin-right: -255px;
}
}

@media screen and (max-width: 480px) { /* vw<480px */ @keyframes scale-up { 0% { transform: scale(0.5); } 0.5% { transform: scale(0.5); } 1% { transform: scale(1.2); } 2% { transform: scale(1.2); } 2.5% { transform: scale(0.21) translate(33%,-47%) } 100% { } } @keyframes mobile_comment1 { 0% {} 0.5% { transform: translate(0,-100px) scale(0.4) rotate(-225deg); opacity: 1; } 0.55% { opacity: 0; } 100% {} } @keyframes mobile_comment2 { 0% {} 0.5% { transform: translate(0,-200px) scale(0.4) rotate(-45deg); opacity: 1; } 0.55% { opacity: 0; } 100% {} } @keyframes mobile_comment3 { 0% {} 0.5% { transform: translate(0,-300%) scale(0.4) rotate(70deg); opacity: 1; } 0.55% { opacity: 0; } 100% {} } @keyframes mobile_comment4 { 0% {} 0.5% { transform: translate(0,-400%) scale(0.4) rotate(-80deg); opacity: 1; } 0.55% { opacity: 0; } 100% {} } @keyframes mobile_comment5 { 0% {} 0.5% { transform: translate(0,-500%) scale(0.4) rotate(200deg); opacity: 1; } 0.55% { opacity: 0; } 100% {} } @keyframes mobile_subject { 0% {} 1% { transform: translate(0,250px) scale(0.2) rotateX(60deg) rotateY(60deg) rotateZ(360deg); opacity: 1; } 1.05% { opacity: 0; } 100% {} } @keyframes mobile_navi { 0% {} 0.6% { transform: translate(0,350px) scale(0.5) rotate(-145deg); opacity: 1; } 0.65% { opacity: 0; } 100% {} } @keyframes mobile_tabcafe { 0% {} 0.6% { transform: translate(0,-100px) scale(0.2) rotate(-145deg); opacity: 1; } 0.65% { opacity: 0; } 100% {} } @keyframes mobile_optionbtn1 { 0% {} 0.6% { transform: translate(-65px,-10px) scale(0.5); opacity: 1; } 0.65% { opacity: 0; } 100% {} } @keyframes mobile_optionbtn2 { 0% {} 0.6% { transform: translate(-100px,-10px) scale(0.5); opacity: 1; } 0.65% { opacity: 0; } 100% {} } @keyframes fall-nickzzal { 0% { } 0.5% { transform: translate(120px,150px) rotate(200deg) rotateX(60deg) rotateY(60deg) scale(0.2); opacity: 1; } 0.55% { opacity: 0; } 100% { opacity: 0; } } html, body { overflow: hidden; } .sigong div { width: 100%; } .sigong { animation: scale-up 1000s linear infinite; width: 100%; z-index: 1000; display: table-cell; } .hos { position: absolute; width: 100%; left: 0; opacity: 0; z-index: -1; animation: 1000s appear-hos linear 23s; } .mobilebox { position: absolute; display: table; top: 0; left: 0; width: 100%; height: 375px; vertical-align: middle; } .list_cmt > li:nth-child(1) { position: relative; animation: 1000s mobile_comment1 linear 6s; z-index: 2000; } .list_cmt > li:nth-child(2) { position: relative; animation: 1000s mobile_comment2 linear 6.4s; z-index: 2000; } .list_cmt > li:nth-child(3) { position: relative; animation: 1000s mobile_comment3 linear 6.8s; z-index: 2000; } .list_cmt > li:nth-child(4) { position: relative; animation: 1000s mobile_comment4 linear 7.2s; z-index: 2000; } .list_cmt > li:nth-child(5) {
position: relative;
animation: 1000s mobile_comment5 linear 7.6s;
z-index: 2000;
}
.view_subject {
animation: 1000s mobile_subject linear 10s;
z-index: 2000;
}
.cafe_navi {
animation: 1000s mobile_navi linear 7s;
z-index: 2000;
}
.tab_cafe {
animation: 1000s mobile_tabcafe linear 9s;
z-index: 2000;
position: relative;
}
.detail_btns {
animation: 1000s mobile_optionbtn1 linear 6s;
z-index: 2000;
position: relative;
}
.article_more {
animation: 1000s mobile_optionbtn2 linear 6.5s;
z-index: 2000;
position: relative;
}
}
</style>

<div class="mobilebox">
<div class="sigong">
<div class="sigong_detail1"></div>
<div class="sigong_detail2"></div>
</div>
<div class="hos"></div>
</div>

<div style="display: none;">
<audio autoplay="true" controls="" class="attach_audio" src="http://cdh0912.github.io/assets/files/시공의 폭풍은 정말 최고야.mp3" type="audio/mpeg"></audio>
<audio autoplay="true" controls="" class="attach_audio" src="http://cdh0912.github.io/assets/files/시공좋아시공좋아.mp3" type="audio/mpeg">/* ================================================================================================
Made by MonsterBoxYT 출처 : https://goo.gl/nhaBfH
직접 소스보기 해서 소스 찾았습니다 :D 소스공개 : html.free-overwatch.kro.kr
================================================================================================ */</audio>