<![CDATA[
<img style="width:0 !important;" src="https://t1.daumcdn.net/cfile/cafe/2413A7435920965D2A" class="txc-image" id="A_2413A7435920965D2A87D1"/>
<p style="display:none;">DOTAX 알랭드곱빼기</p>
<style>
* {
background-color: transparent !important
}
/* ===========================================
KEYFRAMES
=========================================== */
@-webkit-keyframes shake {
2% {
-webkit-transform: translate(-0.5px, -0.5px) rotate(0.5deg);
transform: translate(-0.5px, -0.5px) rotate(0.5deg);
}
4% {
-webkit-transform: translate(2.5px, -1.5px) rotate(-0.5deg);
transform: translate(2.5px, -1.5px) rotate(-0.5deg);
}
6% {
-webkit-transform: translate(2.5px, 0.5px) rotate(1.5deg);
transform: translate(2.5px, 0.5px) rotate(1.5deg);
}
8% {
-webkit-transform: translate(-0.5px, 2.5px) rotate(-0.5deg);
transform: translate(-0.5px, 2.5px) rotate(-0.5deg);
}
10% {
-webkit-transform: translate(1.5px, -0.5px) rotate(1.5deg);
transform: translate(1.5px, -0.5px) rotate(1.5deg);
}
12% {
-webkit-transform: translate(0.5px, -1.5px) rotate(-0.5deg);
transform: translate(0.5px, -1.5px) rotate(-0.5deg);
}
14% {
-webkit-transform: translate(0.5px, -1.5px) rotate(0.5deg);
transform: translate(0.5px, -1.5px) rotate(0.5deg);
}
16% {
-webkit-transform: translate(-0.5px, 0.5px) rotate(0.5deg);
transform: translate(-0.5px, 0.5px) rotate(0.5deg);
}
18% {
-webkit-transform: translate(-1.5px, 1.5px) rotate(0.5deg);
transform: translate(-1.5px, 1.5px) rotate(0.5deg);
}
20% {
-webkit-transform: translate(-0.5px, -1.5px) rotate(-0.5deg);
transform: translate(-0.5px, -1.5px) rotate(-0.5deg);
}
22% {
-webkit-transform: translate(1.5px, 1.5px) rotate(0.5deg);
transform: translate(1.5px, 1.5px) rotate(0.5deg);
}
24% {
-webkit-transform: translate(-1.5px, 2.5px) rotate(1.5deg);
transform: translate(-1.5px, 2.5px) rotate(1.5deg);
}
26% {
-webkit-transform: translate(-0.5px, 0.5px) rotate(0.5deg);
transform: translate(-0.5px, 0.5px) rotate(0.5deg);
}
28% {
-webkit-transform: translate(-1.5px, 1.5px) rotate(-0.5deg);
transform: translate(-1.5px, 1.5px) rotate(-0.5deg);
}
30% {
-webkit-transform: translate(1.5px, 0.5px) rotate(0.5deg);
transform: translate(1.5px, 0.5px) rotate(0.5deg);
}
32% {
-webkit-transform: translate(1.5px, -0.5px) rotate(0.5deg);
transform: translate(1.5px, -0.5px) rotate(0.5deg);
}
34% {
-webkit-transform: translate(2.5px, 1.5px) rotate(-0.5deg);
transform: translate(2.5px, 1.5px) rotate(-0.5deg);
}
36% {
-webkit-transform: translate(-1.5px, -0.5px) rotate(-0.5deg);
transform: translate(-1.5px, -0.5px) rotate(-0.5deg);
}
38% {
-webkit-transform: translate(1.5px, 2.5px) rotate(-0.5deg);
transform: translate(1.5px, 2.5px) rotate(-0.5deg);
}
40% {
-webkit-transform: translate(-0.5px, -1.5px) rotate(0.5deg);
transform: translate(-0.5px, -1.5px) rotate(0.5deg);
}
42% {
-webkit-transform: translate(0.5px, 0.5px) rotate(0.5deg);
transform: translate(0.5px, 0.5px) rotate(0.5deg);
}
44% {
-webkit-transform: translate(1.5px, 1.5px) rotate(-0.5deg);
transform: translate(1.5px, 1.5px) rotate(-0.5deg);
}
46% {
-webkit-transform: translate(-1.5px, 0.5px) rotate(-0.5deg);
transform: translate(-1.5px, 0.5px) rotate(-0.5deg);
}
48% {
-webkit-transform: translate(1.5px, 1.5px) rotate(1.5deg);
transform: translate(1.5px, 1.5px) rotate(1.5deg);
}
50% {
-webkit-transform: translate(0.5px, -0.5px) rotate(0.5deg);
transform: translate(0.5px, -0.5px) rotate(0.5deg);
}
52% {
-webkit-transform: translate(-0.5px, 0.5px) rotate(1.5deg);
transform: translate(-0.5px, 0.5px) rotate(1.5deg);
}
54% {
-webkit-transform: translate(1.5px, -1.5px) rotate(0.5deg);
transform: translate(1.5px, -1.5px) rotate(0.5deg);
}
56% {
-webkit-transform: translate(-0.5px, -1.5px) rotate(1.5deg);
transform: translate(-0.5px, -1.5px) rotate(1.5deg);
}
58% {
-webkit-transform: translate(2.5px, 1.5px) rotate(0.5deg);
transform: translate(2.5px, 1.5px) rotate(0.5deg);
}
60% {
-webkit-transform: translate(-0.5px, -0.5px) rotate(1.5deg);
transform: translate(-0.5px, -0.5px) rotate(1.5deg);
}
62% {
-webkit-transform: translate(1.5px, 2.5px) rotate(-0.5deg);
transform: translate(1.5px, 2.5px) rotate(-0.5deg);
}
64% {
-webkit-transform: translate(-1.5px, 0.5px) rotate(-0.5deg);
transform: translate(-1.5px, 0.5px) rotate(-0.5deg);
}
66% {
-webkit-transform: translate(2.5px, 1.5px) rotate(-0.5deg);
transform: translate(2.5px, 1.5px) rotate(-0.5deg);
}
68% {
-webkit-transform: translate(2.5px, 0.5px) rotate(1.5deg);
transform: translate(2.5px, 0.5px) rotate(1.5deg);
}
70% {
-webkit-transform: translate(-1.5px, -1.5px) rotate(0.5deg);
transform: translate(-1.5px, -1.5px) rotate(0.5deg);
}
72% {
-webkit-transform: translate(-1.5px, -0.5px) rotate(-0.5deg);
transform: translate(-1.5px, -0.5px) rotate(-0.5deg);
}
74% {
-webkit-transform: translate(-0.5px, -1.5px) rotate(1.5deg);
transform: translate(-0.5px, -1.5px) rotate(1.5deg);
}
76% {
-webkit-transform: translate(1.5px, 1.5px) rotate(0.5deg);
transform: translate(1.5px, 1.5px) rotate(0.5deg);
}
78% {
-webkit-transform: translate(1.5px, -0.5px) rotate(1.5deg);
transform: translate(1.5px, -0.5px) rotate(1.5deg);
}
80% {
-webkit-transform: translate(-0.5px, 1.5px) rotate(1.5deg);
transform: translate(-0.5px, 1.5px) rotate(1.5deg);
}
82% {
-webkit-transform: translate(2.5px, 2.5px) rotate(0.5deg);
transform: translate(2.5px, 2.5px) rotate(0.5deg);
}
84% {
-webkit-transform: translate(-0.5px, 0.5px) rotate(1.5deg);
transform: translate(-0.5px, 0.5px) rotate(1.5deg);
}
86% {
-webkit-transform: translate(1.5px, -0.5px) rotate(1.5deg);
transform: translate(1.5px, -0.5px) rotate(1.5deg);
}
88% {
-webkit-transform: translate(2.5px, -1.5px) rotate(0.5deg);
transform: translate(2.5px, -1.5px) rotate(0.5deg);
}
90% {
-webkit-transform: translate(0.5px, -1.5px) rotate(-0.5deg);
transform: translate(0.5px, -1.5px) rotate(-0.5deg);
}
92% {
-webkit-transform: translate(-0.5px, -1.5px) rotate(1.5deg);
transform: translate(-0.5px, -1.5px) rotate(1.5deg);
}
94% {
-webkit-transform: translate(2.5px, 0.5px) rotate(1.5deg);
transform: translate(2.5px, 0.5px) rotate(1.5deg);
}
96% {
-webkit-transform: translate(-0.5px, -1.5px) rotate(-0.5deg);
transform: translate(-0.5px, -1.5px) rotate(-0.5deg);
}
98% {
-webkit-transform: translate(-0.5px, -1.5px) rotate(0.5deg);
transform: translate(-0.5px, -1.5px) rotate(0.5deg);
}
0%,
100% {
-webkit-transform: translate(0, 0) rotate(0);
transform: translate(0, 0) rotate(0);
}
}
@keyframes shake {
2% {
-webkit-transform: translate(-0.5px, -0.5px) rotate(0.5deg);
transform: translate(-0.5px, -0.5px) rotate(0.5deg);
}
4% {
-webkit-transform: translate(2.5px, -1.5px) rotate(-0.5deg);
transform: translate(2.5px, -1.5px) rotate(-0.5deg);
}
6% {
-webkit-transform: translate(2.5px, 0.5px) rotate(1.5deg);
transform: translate(2.5px, 0.5px) rotate(1.5deg);
}
8% {
-webkit-transform: translate(-0.5px, 2.5px) rotate(-0.5deg);
transform: translate(-0.5px, 2.5px) rotate(-0.5deg);
}
10% {
-webkit-transform: translate(1.5px, -0.5px) rotate(1.5deg);
transform: translate(1.5px, -0.5px) rotate(1.5deg);
}
12% {
-webkit-transform: translate(0.5px, -1.5px) rotate(-0.5deg);
transform: translate(0.5px, -1.5px) rotate(-0.5deg);
}
14% {
-webkit-transform: translate(0.5px, -1.5px) rotate(0.5deg);
transform: translate(0.5px, -1.5px) rotate(0.5deg);
}
16% {
-webkit-transform: translate(-0.5px, 0.5px) rotate(0.5deg);
transform: translate(-0.5px, 0.5px) rotate(0.5deg);
}
18% {
-webkit-transform: translate(-1.5px, 1.5px) rotate(0.5deg);
transform: translate(-1.5px, 1.5px) rotate(0.5deg);
}
20% {
-webkit-transform: translate(-0.5px, -1.5px) rotate(-0.5deg);
transform: translate(-0.5px, -1.5px) rotate(-0.5deg);
}
22% {
-webkit-transform: translate(1.5px, 1.5px) rotate(0.5deg);
transform: translate(1.5px, 1.5px) rotate(0.5deg);
}
24% {
-webkit-transform: translate(-1.5px, 2.5px) rotate(1.5deg);
transform: translate(-1.5px, 2.5px) rotate(1.5deg);
}
26% {
-webkit-transform: translate(-0.5px, 0.5px) rotate(0.5deg);
transform: translate(-0.5px, 0.5px) rotate(0.5deg);
}
28% {
-webkit-transform: translate(-1.5px, 1.5px) rotate(-0.5deg);
transform: translate(-1.5px, 1.5px) rotate(-0.5deg);
}
30% {
-webkit-transform: translate(1.5px, 0.5px) rotate(0.5deg);
transform: translate(1.5px, 0.5px) rotate(0.5deg);
}
32% {
-webkit-transform: translate(1.5px, -0.5px) rotate(0.5deg);
transform: translate(1.5px, -0.5px) rotate(0.5deg);
}
34% {
-webkit-transform: translate(2.5px, 1.5px) rotate(-0.5deg);
transform: translate(2.5px, 1.5px) rotate(-0.5deg);
}
36% {
-webkit-transform: translate(-1.5px, -0.5px) rotate(-0.5deg);
transform: translate(-1.5px, -0.5px) rotate(-0.5deg);
}
38% {
-webkit-transform: translate(1.5px, 2.5px) rotate(-0.5deg);
transform: translate(1.5px, 2.5px) rotate(-0.5deg);
}
40% {
-webkit-transform: translate(-0.5px, -1.5px) rotate(0.5deg);
transform: translate(-0.5px, -1.5px) rotate(0.5deg);
}
42% {
-webkit-transform: translate(0.5px, 0.5px) rotate(0.5deg);
transform: translate(0.5px, 0.5px) rotate(0.5deg);
}
44% {
-webkit-transform: translate(1.5px, 1.5px) rotate(-0.5deg);
transform: translate(1.5px, 1.5px) rotate(-0.5deg);
}
46% {
-webkit-transform: translate(-1.5px, 0.5px) rotate(-0.5deg);
transform: translate(-1.5px, 0.5px) rotate(-0.5deg);
}
48% {
-webkit-transform: translate(1.5px, 1.5px) rotate(1.5deg);
transform: translate(1.5px, 1.5px) rotate(1.5deg);
}
50% {
-webkit-transform: translate(0.5px, -0.5px) rotate(0.5deg);
transform: translate(0.5px, -0.5px) rotate(0.5deg);
}
52% {
-webkit-transform: translate(-0.5px, 0.5px) rotate(1.5deg);
transform: translate(-0.5px, 0.5px) rotate(1.5deg);
}
54% {
-webkit-transform: translate(1.5px, -1.5px) rotate(0.5deg);
transform: translate(1.5px, -1.5px) rotate(0.5deg);
}
56% {
-webkit-transform: translate(-0.5px, -1.5px) rotate(1.5deg);
transform: translate(-0.5px, -1.5px) rotate(1.5deg);
}
58% {
-webkit-transform: translate(2.5px, 1.5px) rotate(0.5deg);
transform: translate(2.5px, 1.5px) rotate(0.5deg);
}
60% {
-webkit-transform: translate(-0.5px, -0.5px) rotate(1.5deg);
transform: translate(-0.5px, -0.5px) rotate(1.5deg);
}
62% {
-webkit-transform: translate(1.5px, 2.5px) rotate(-0.5deg);
transform: translate(1.5px, 2.5px) rotate(-0.5deg);
}
64% {
-webkit-transform: translate(-1.5px, 0.5px) rotate(-0.5deg);
transform: translate(-1.5px, 0.5px) rotate(-0.5deg);
}
66% {
-webkit-transform: translate(2.5px, 1.5px) rotate(-0.5deg);
transform: translate(2.5px, 1.5px) rotate(-0.5deg);
}
68% {
-webkit-transform: translate(2.5px, 0.5px) rotate(1.5deg);
transform: translate(2.5px, 0.5px) rotate(1.5deg);
}
70% {
-webkit-transform: translate(-1.5px, -1.5px) rotate(0.5deg);
transform: translate(-1.5px, -1.5px) rotate(0.5deg);
}
72% {
-webkit-transform: translate(-1.5px, -0.5px) rotate(-0.5deg);
transform: translate(-1.5px, -0.5px) rotate(-0.5deg);
}
74% {
-webkit-transform: translate(-0.5px, -1.5px) rotate(1.5deg);
transform: translate(-0.5px, -1.5px) rotate(1.5deg);
}
76% {
-webkit-transform: translate(1.5px, 1.5px) rotate(0.5deg);
transform: translate(1.5px, 1.5px) rotate(0.5deg);
}
78% {
-webkit-transform: translate(1.5px, -0.5px) rotate(1.5deg);
transform: translate(1.5px, -0.5px) rotate(1.5deg);
}
80% {
-webkit-transform: translate(-0.5px, 1.5px) rotate(1.5deg);
transform: translate(-0.5px, 1.5px) rotate(1.5deg);
}
82% {
-webkit-transform: translate(2.5px, 2.5px) rotate(0.5deg);
transform: translate(2.5px, 2.5px) rotate(0.5deg);
}
84% {
-webkit-transform: translate(-0.5px, 0.5px) rotate(1.5deg);
transform: translate(-0.5px, 0.5px) rotate(1.5deg);
}
86% {
-webkit-transform: translate(1.5px, -0.5px) rotate(1.5deg);
transform: translate(1.5px, -0.5px) rotate(1.5deg);
}
88% {
-webkit-transform: translate(2.5px, -1.5px) rotate(0.5deg);
transform: translate(2.5px, -1.5px) rotate(0.5deg);
}
90% {
-webkit-transform: translate(0.5px, -1.5px) rotate(-0.5deg);
transform: translate(0.5px, -1.5px) rotate(-0.5deg);
}
92% {
-webkit-transform: translate(-0.5px, -1.5px) rotate(1.5deg);
transform: translate(-0.5px, -1.5px) rotate(1.5deg);
}
94% {
-webkit-transform: translate(2.5px, 0.5px) rotate(1.5deg);
transform: translate(2.5px, 0.5px) rotate(1.5deg);
}
96% {
-webkit-transform: translate(-0.5px, -1.5px) rotate(-0.5deg);
transform: translate(-0.5px, -1.5px) rotate(-0.5deg);
}
98% {
-webkit-transform: translate(-0.5px, -1.5px) rotate(0.5deg);
transform: translate(-0.5px, -1.5px) rotate(0.5deg);
}
0%,
100% {
-webkit-transform: translate(0, 0) rotate(0);
transform: translate(0, 0) rotate(0);
}
}
@-webkit-keyframes shake-little {
2% {
-webkit-transform: translate(0px, 0px) rotate(0.5deg);
transform: translate(0px, 0px) rotate(0.5deg);
}
4% {
-webkit-transform: translate(2px, 2px) rotate(0.5deg);
transform: translate(2px, 2px) rotate(0.5deg);
}
6% {
-webkit-transform: translate(2px, 2px) rotate(0.5deg);
transform: translate(2px, 2px) rotate(0.5deg);
}
8% {
-webkit-transform: translate(2px, 2px) rotate(0.5deg);
transform: translate(2px, 2px) rotate(0.5deg);
}
10% {
-webkit-transform: translate(2px, 0px) rotate(0.5deg);
transform: translate(2px, 0px) rotate(0.5deg);
}
12% {
-webkit-transform: translate(0px, 2px) rotate(0.5deg);
transform: translate(0px, 2px) rotate(0.5deg);
}
14% {
-webkit-transform: translate(0px, 0px) rotate(0.5deg);
transform: translate(0px, 0px) rotate(0.5deg);
}
16% {
-webkit-transform: translate(2px, 2px) rotate(0.5deg);
transform: translate(2px, 2px) rotate(0.5deg);
}
18% {
-webkit-transform: translate(0px, 0px) rotate(0.5deg);
transform: translate(0px, 0px) rotate(0.5deg);
}
20% {
-webkit-transform: translate(2px, 0px) rotate(0.5deg);
transform: translate(2px, 0px) rotate(0.5deg);
}
22% {
-webkit-transform: translate(2px, 2px) rotate(0.5deg);
transform: translate(2px, 2px) rotate(0.5deg);
}
24% {
-webkit-transform: translate(0px, 2px) rotate(0.5deg);
transform: translate(0px, 2px) rotate(0.5deg);
}
26% {
-webkit-transform: translate(0px, 0px) rotate(0.5deg);
transform: translate(0px, 0px) rotate(0.5deg);
}
28% {
-webkit-transform: translate(0px, 0px) rotate(0.5deg);
transform: translate(0px, 0px) rotate(0.5deg);
}
30% {
-webkit-transform: translate(2px, 2px) rotate(0.5deg);
transform: translate(2px, 2px) rotate(0.5deg);
}
32% {
-webkit-transform: translate(2px, 0px) rotate(0.5deg);
transform: translate(2px, 0px) rotate(0.5deg);
}
34% {
-webkit-transform: translate(2px, 0px) rotate(0.5deg);
transform: translate(2px, 0px) rotate(0.5deg);
}
36% {
-webkit-transform: translate(0px, 0px) rotate(0.5deg);
transform: translate(0px, 0px) rotate(0.5deg);
}
38% {
-webkit-transform: translate(2px, 2px) rotate(0.5deg);
transform: translate(2px, 2px) rotate(0.5deg);
}
40% {
-webkit-transform: translate(2px, 2px) rotate(0.5deg);
transform: translate(2px, 2px) rotate(0.5deg);
}
42% {
-webkit-transform: translate(2px, 2px) rotate(0.5deg);
transform: translate(2px, 2px) rotate(0.5deg);
}
44% {
-webkit-transform: translate(2px, 0px) rotate(0.5deg);
transform: translate(2px, 0px) rotate(0.5deg);
}
46% {
-webkit-transform: translate(0px, 0px) rotate(0.5deg);
transform: translate(0px, 0px) rotate(0.5deg);
}
48% {
-webkit-transform: translate(2px, 2px) rotate(0.5deg);
transform: translate(2px, 2px) rotate(0.5deg);
}
50% {
-webkit-transform: translate(2px, 0px) rotate(0.5deg);
transform: translate(2px, 0px) rotate(0.5deg);
}
52% {
-webkit-transform: translate(0px, 0px) rotate(0.5deg);
transform: translate(0px, 0px) rotate(0.5deg);
}
54% {
-webkit-transform: translate(0px, 0px) rotate(0.5deg);
transform: translate(0px, 0px) rotate(0.5deg);
}
56% {
-webkit-transform: translate(2px, 0px) rotate(0.5deg);
transform: translate(2px, 0px) rotate(0.5deg);
}
58% {
-webkit-transform: translate(2px, 2px) rotate(0.5deg);
transform: translate(2px, 2px) rotate(0.5deg);
}
60% {
-webkit-transform: translate(2px, 2px) rotate(0.5deg);
transform: translate(2px, 2px) rotate(0.5deg);
}
62% {
-webkit-transform: translate(2px, 2px) rotate(0.5deg);
transform: translate(2px, 2px) rotate(0.5deg);
}
64% {
-webkit-transform: translate(2px, 2px) rotate(0.5deg);
transform: translate(2px, 2px) rotate(0.5deg);
}
66% {
-webkit-transform: translate(0px, 0px) rotate(0.5deg);
transform: translate(0px, 0px) rotate(0.5deg);
}
68% {
-webkit-transform: translate(2px, 2px) rotate(0.5deg);
transform: translate(2px, 2px) rotate(0.5deg);
}
70% {
-webkit-transform: translate(2px, 0px) rotate(0.5deg);
transform: translate(2px, 0px) rotate(0.5deg);
}
72% {
-webkit-transform: translate(2px, 0px) rotate(0.5deg);
transform: translate(2px, 0px) rotate(0.5deg);
}
74% {
-webkit-transform: translate(2px, 2px) rotate(0.5deg);
transform: translate(2px, 2px) rotate(0.5deg);
}
76% {
-webkit-transform: translate(0px, 2px) rotate(0.5deg);
transform: translate(0px, 2px) rotate(0.5deg);
}
78% {
-webkit-transform: translate(0px, 0px) rotate(0.5deg);
transform: translate(0px, 0px) rotate(0.5deg);
}
80% {
-webkit-transform: translate(0px, 0px) rotate(0.5deg);
transform: translate(0px, 0px) rotate(0.5deg);
}
82% {
-webkit-transform: translate(0px, 0px) rotate(0.5deg);
transform: translate(0px, 0px) rotate(0.5deg);
}
84% {
-webkit-transform: translate(0px, 0px) rotate(0.5deg);
transform: translate(0px, 0px) rotate(0.5deg);
}
86% {
-webkit-transform: translate(2px, 0px) rotate(0.5deg);
transform: translate(2px, 0px) rotate(0.5deg);
}
88% {
-webkit-transform: translate(2px, 2px) rotate(0.5deg);
transform: translate(2px, 2px) rotate(0.5deg);
}
90% {
-webkit-transform: translate(2px, 2px) rotate(0.5deg);
transform: translate(2px, 2px) rotate(0.5deg);
}
92% {
-webkit-transform: translate(2px, 0px) rotate(0.5deg);
transform: translate(2px, 0px) rotate(0.5deg);
}
94% {
-webkit-transform: translate(2px, 0px) rotate(0.5deg);
transform: translate(2px, 0px) rotate(0.5deg);
}
96% {
-webkit-transform: translate(2px, 2px) rotate(0.5deg);
transform: translate(2px, 2px) rotate(0.5deg);
}
98% {
-webkit-transform: translate(2px, 2px) rotate(0.5deg);
transform: translate(2px, 2px) rotate(0.5deg);
}
0%,
100% {
-webkit-transform: translate(0, 0) rotate(0);
transform: translate(0, 0) rotate(0);
}
}
@keyframes shake-little {
2% {
-webkit-transform: translate(0px, 0px) rotate(0.5deg);
transform: translate(0px, 0px) rotate(0.5deg);
}
4% {
-webkit-transform: translate(2px, 2px) rotate(0.5deg);
transform: translate(2px, 2px) rotate(0.5deg);
}
6% {
-webkit-transform: translate(2px, 2px) rotate(0.5deg);
transform: translate(2px, 2px) rotate(0.5deg);
}
8% {
-webkit-transform: translate(2px, 2px) rotate(0.5deg);
transform: translate(2px, 2px) rotate(0.5deg);
}
10% {
-webkit-transform: translate(2px, 0px) rotate(0.5deg);
transform: translate(2px, 0px) rotate(0.5deg);
}
12% {
-webkit-transform: translate(0px, 2px) rotate(0.5deg);
transform: translate(0px, 2px) rotate(0.5deg);
}
14% {
-webkit-transform: translate(0px, 0px) rotate(0.5deg);
transform: translate(0px, 0px) rotate(0.5deg);
}
16% {
-webkit-transform: translate(2px, 2px) rotate(0.5deg);
transform: translate(2px, 2px) rotate(0.5deg);
}
18% {
-webkit-transform: translate(0px, 0px) rotate(0.5deg);
transform: translate(0px, 0px) rotate(0.5deg);
}
20% {
-webkit-transform: translate(2px, 0px) rotate(0.5deg);
transform: translate(2px, 0px) rotate(0.5deg);
}
22% {
-webkit-transform: translate(2px, 2px) rotate(0.5deg);
transform: translate(2px, 2px) rotate(0.5deg);
}
24% {
-webkit-transform: translate(0px, 2px) rotate(0.5deg);
transform: translate(0px, 2px) rotate(0.5deg);
}
26% {
-webkit-transform: translate(0px, 0px) rotate(0.5deg);
transform: translate(0px, 0px) rotate(0.5deg);
}
28% {
-webkit-transform: translate(0px, 0px) rotate(0.5deg);
transform: translate(0px, 0px) rotate(0.5deg);
}
30% {
-webkit-transform: translate(2px, 2px) rotate(0.5deg);
transform: translate(2px, 2px) rotate(0.5deg);
}
32% {
-webkit-transform: translate(2px, 0px) rotate(0.5deg);
transform: translate(2px, 0px) rotate(0.5deg);
}
34% {
-webkit-transform: translate(2px, 0px) rotate(0.5deg);
transform: translate(2px, 0px) rotate(0.5deg);
}
36% {
-webkit-transform: translate(0px, 0px) rotate(0.5deg);
transform: translate(0px, 0px) rotate(0.5deg);
}
38% {
-webkit-transform: translate(2px, 2px) rotate(0.5deg);
transform: translate(2px, 2px) rotate(0.5deg);
}
40% {
-webkit-transform: translate(2px, 2px) rotate(0.5deg);
transform: translate(2px, 2px) rotate(0.5deg);
}
42% {
-webkit-transform: translate(2px, 2px) rotate(0.5deg);
transform: translate(2px, 2px) rotate(0.5deg);
}
44% {
-webkit-transform: translate(2px, 0px) rotate(0.5deg);
transform: translate(2px, 0px) rotate(0.5deg);
}
46% {
-webkit-transform: translate(0px, 0px) rotate(0.5deg);
transform: translate(0px, 0px) rotate(0.5deg);
}
48% {
-webkit-transform: translate(2px, 2px) rotate(0.5deg);
transform: translate(2px, 2px) rotate(0.5deg);
}
50% {
-webkit-transform: translate(2px, 0px) rotate(0.5deg);
transform: translate(2px, 0px) rotate(0.5deg);
}
52% {
-webkit-transform: translate(0px, 0px) rotate(0.5deg);
transform: translate(0px, 0px) rotate(0.5deg);
}
54% {
-webkit-transform: translate(0px, 0px) rotate(0.5deg);
transform: translate(0px, 0px) rotate(0.5deg);
}
56% {
-webkit-transform: translate(2px, 0px) rotate(0.5deg);
transform: translate(2px, 0px) rotate(0.5deg);
}
58% {
-webkit-transform: translate(2px, 2px) rotate(0.5deg);
transform: translate(2px, 2px) rotate(0.5deg);
}
60% {
-webkit-transform: translate(2px, 2px) rotate(0.5deg);
transform: translate(2px, 2px) rotate(0.5deg);
}
62% {
-webkit-transform: translate(2px, 2px) rotate(0.5deg);
transform: translate(2px, 2px) rotate(0.5deg);
}
64% {
-webkit-transform: translate(2px, 2px) rotate(0.5deg);
transform: translate(2px, 2px) rotate(0.5deg);
}
66% {
-webkit-transform: translate(0px, 0px) rotate(0.5deg);
transform: translate(0px, 0px) rotate(0.5deg);
}
68% {
-webkit-transform: translate(2px, 2px) rotate(0.5deg);
transform: translate(2px, 2px) rotate(0.5deg);
}
70% {
-webkit-transform: translate(2px, 0px) rotate(0.5deg);
transform: translate(2px, 0px) rotate(0.5deg);
}
72% {
-webkit-transform: translate(2px, 0px) rotate(0.5deg);
transform: translate(2px, 0px) rotate(0.5deg);
}
74% {
-webkit-transform: translate(2px, 2px) rotate(0.5deg);
transform: translate(2px, 2px) rotate(0.5deg);
}
76% {
-webkit-transform: translate(0px, 2px) rotate(0.5deg);
transform: translate(0px, 2px) rotate(0.5deg);
}
78% {
-webkit-transform: translate(0px, 0px) rotate(0.5deg);
transform: translate(0px, 0px) rotate(0.5deg);
}
80% {
-webkit-transform: translate(0px, 0px) rotate(0.5deg);
transform: translate(0px, 0px) rotate(0.5deg);
}
82% {
-webkit-transform: translate(0px, 0px) rotate(0.5deg);
transform: translate(0px, 0px) rotate(0.5deg);
}
84% {
-webkit-transform: translate(0px, 0px) rotate(0.5deg);
transform: translate(0px, 0px) rotate(0.5deg);
}
86% {
-webkit-transform: translate(2px, 0px) rotate(0.5deg);
transform: translate(2px, 0px) rotate(0.5deg);
}
88% {
-webkit-transform: translate(2px, 2px) rotate(0.5deg);
transform: translate(2px, 2px) rotate(0.5deg);
}
90% {
-webkit-transform: translate(2px, 2px) rotate(0.5deg);
transform: translate(2px, 2px) rotate(0.5deg);
}
92% {
-webkit-transform: translate(2px, 0px) rotate(0.5deg);
transform: translate(2px, 0px) rotate(0.5deg);
}
94% {
-webkit-transform: translate(2px, 0px) rotate(0.5deg);
transform: translate(2px, 0px) rotate(0.5deg);
}
96% {
-webkit-transform: translate(2px, 2px) rotate(0.5deg);
transform: translate(2px, 2px) rotate(0.5deg);
}
98% {
-webkit-transform: translate(2px, 2px) rotate(0.5deg);
transform: translate(2px, 2px) rotate(0.5deg);
}
0%,
100% {
-webkit-transform: translate(0, 0) rotate(0);
transform: translate(0, 0) rotate(0);
}
}
/*=========================== shake end ==============================*/
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
0.1% {
-webkit-transform: rotate(-60deg);
transform: rotate(-60deg);
}
0.2% {
-webkit-transform: rotate(-144deg);
transform: rotate(-144deg);
}
0.25% {
-webkit-transform: rotate(-252deg);
transform: rotate(-252deg);
}
0.3% {
-webkit-transform: rotate(-396deg);
transform: rotate(-396deg);
}
0.35% {
-webkit-transform: rotate(-576deg);
transform: rotate(-576deg);
}
0.4% {
-webkit-transform: rotate(-792deg);
transform: rotate(-792deg);
}
0.45% {
-webkit-transform: rotate(-1152deg);
transform: rotate(-1152deg);
}
0.5% {
-webkit-transform: rotate(-1632deg);
transform: rotate(-1632deg);
}
0.6% {
-webkit-transform: rotate(-2352deg);
transform: rotate(-2352deg);
}
0.7% {
-webkit-transform: rotate(-4012deg);
transform: rotate(-4012deg);
}
2.1% {
-webkit-transform: rotate(-56856deg);
transform: rotate(-56856deg);
}
2.2% {
-webkit-transform: rotate(-58514deg);
transform: rotate(-58514deg);
}
2.3% {
-webkit-transform: rotate(-59234deg);
transform: rotate(-59234deg);
}
2.4% {
-webkit-transform: rotate(-59703deg);
transform: rotate(-59703deg);
}
2.5% {
-webkit-transform: rotate(-60063deg);
transform: rotate(-60063deg);
}
2.6% {
-webkit-transform: rotate(-60279deg);
transform: rotate(-60279deg);
}
2.7% {
-webkit-transform: rotate(-60603deg);
transform: rotate(-60603deg);
}
2.8% {
-webkit-transform: rotate(-60711deg);
transform: rotate(-60711deg);
}
100% {
-webkit-transform: rotate(-82656deg);
transform: rotate(-82656deg);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
0.1% {
-webkit-transform: rotate(-60deg);
transform: rotate(-60deg);
}
0.2% {
-webkit-transform: rotate(-144deg);
transform: rotate(-144deg);
}
0.25% {
-webkit-transform: rotate(-252deg);
transform: rotate(-252deg);
}
0.3% {
-webkit-transform: rotate(-396deg);
transform: rotate(-396deg);
}
0.35% {
-webkit-transform: rotate(-576deg);
transform: rotate(-576deg);
}
0.4% {
-webkit-transform: rotate(-792deg);
transform: rotate(-792deg);
}
0.45% {
-webkit-transform: rotate(-1152deg);
transform: rotate(-1152deg);
}
0.5% {
-webkit-transform: rotate(-1632deg);
transform: rotate(-1632deg);
}
0.6% {
-webkit-transform: rotate(-2352deg);
transform: rotate(-2352deg);
}
0.7% {
-webkit-transform: rotate(-4012deg);
transform: rotate(-4012deg);
}
2.1% {
-webkit-transform: rotate(-56856deg);
transform: rotate(-56856deg);
}
2.2% {
-webkit-transform: rotate(-58514deg);
transform: rotate(-58514deg);
}
2.3% {
-webkit-transform: rotate(-59234deg);
transform: rotate(-59234deg);
}
2.4% {
-webkit-transform: rotate(-59703deg);
transform: rotate(-59703deg);
}
2.5% {
-webkit-transform: rotate(-60063deg);
transform: rotate(-60063deg);
}
2.6% {
-webkit-transform: rotate(-60279deg);
transform: rotate(-60279deg);
}
2.7% {
-webkit-transform: rotate(-60603deg);
transform: rotate(-60603deg);
}
2.8% {
-webkit-transform: rotate(-60711deg);
transform: rotate(-60711deg);
}
100% {
-webkit-transform: rotate(-82656deg);
transform: rotate(-82656deg);
}
}
@-webkit-keyframes scale-up {
0% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
0.5% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
1% {
-webkit-transform: scale(2.5);
transform: scale(2.5);
}
2% {
-webkit-transform: scale(2.5);
transform: scale(2.5);
}
2.3% {
-webkit-transform: scale(0.5) translate(200px, -200px);
transform: scale(0.5) translate(200px, -200px);
}
100% {}
}
@keyframes scale-up {
0% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
0.5% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
1% {
-webkit-transform: scale(2.5);
transform: scale(2.5);
}
2% {
-webkit-transform: scale(2.5);
transform: scale(2.5);
}
2.3% {
-webkit-transform: scale(0.5) translate(200px, -200px);
transform: scale(0.5) translate(200px, -200px);
}
100% {}
}
@-webkit-keyframes remove-border {
0% {}
1% {
border-color: rgba(255, 255, 255, 0);
background-color: rgba(255, 255, 255, 0);
}
100% {}
}
@keyframes remove-border {
0% {}
1% {
border-color: rgba(255, 255, 255, 0);
background-color: rgba(255, 255, 255, 0);
}
100% {}
}
@-webkit-keyframes fall-header {
0% {
top: 0;
}
0.6% {
opacity: 1;
}
0.7% {
top: 350px;
-webkit-transform: scale(0) perspective(450px) rotateY(155deg) rotateZ(100deg);
transform: scale(0) perspective(450px) rotateY(155deg) rotateZ(100deg);
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes fall-header {
0% {
top: 0;
}
0.6% {
opacity: 1;
}
0.7% {
top: 350px;
-webkit-transform: scale(0) perspective(450px) rotateY(155deg) rotateZ(100deg);
transform: scale(0) perspective(450px) rotateY(155deg) rotateZ(100deg);
opacity: 0;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes fall-sharemenu {
0% {}
0.5% {
-webkit-transform: translate(-100%, 0%) rotate(-270deg) scale(0.2);
transform: translate(-100%, 0%) rotate(-270deg) scale(0.2);
opacity: 1;
}
0.55% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes fall-sharemenu {
0% {}
0.5% {
-webkit-transform: translate(-100%, 0%) rotate(-270deg) scale(0.2);
transform: translate(-100%, 0%) rotate(-270deg) scale(0.2);
opacity: 1;
}
0.55% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes fall-search_box {
0% {}
0.4% {
-webkit-transform: translate(-10%, -500%) rotate(400deg) scale(0);
transform: translate(-10%, -500%) rotate(400deg) scale(0);
opacity: 1;
}
0.45% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes fall-search_box {
0% {}
0.4% {
-webkit-transform: translate(-10%, -500%) rotate(400deg) scale(0);
transform: translate(-10%, -500%) rotate(400deg) scale(0);
opacity: 1;
}
0.45% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes fall-list_btn_top_right {
0% {}
0.5% {
-webkit-transform: translate(45vw, 212px) rotate(180deg) scale(0.2);
transform: translate(45vw, 212px) rotate(180deg) scale(0.2);
-webkit-transform-origin: left;
transform-origin: left;
opacity: 1;
}
0.55% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes fall-list_btn_top_right {
0% {}
0.5% {
-webkit-transform: translate(45vw, 212px) rotate(180deg) scale(0.2);
transform: translate(45vw, 212px) rotate(180deg) scale(0.2);
-webkit-transform-origin: left;
transform-origin: left;
opacity: 1;
}
0.55% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes fall-list_btn_top_left {
0% {}
0.5% {
-webkit-transform: translate(-45vw, 212px) rotate(180deg) scale(0.2);
transform: translate(-45vw, 212px) rotate(180deg) scale(0.2);
-webkit-transform-origin: left;
transform-origin: left;
opacity: 1;
}
0.55% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes fall-list_btn_top_left {
0% {}
0.5% {
-webkit-transform: translate(-45vw, 212px) rotate(180deg) scale(0.2);
transform: translate(-45vw, 212px) rotate(180deg) scale(0.2);
-webkit-transform-origin: left;
transform-origin: left;
opacity: 1;
}
0.55% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes fall-list_btn_bottom_right {
0% {}
0.5% {
-webkit-transform: translate(45vw, -212px) rotate(180deg) scale(0.2);
transform: translate(45vw, -212px) rotate(180deg) scale(0.2);
-webkit-transform-origin: left;
transform-origin: left;
opacity: 1;
}
0.55% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes fall-list_btn_bottom_right {
0% {}
0.5% {
-webkit-transform: translate(45vw, -212px) rotate(180deg) scale(0.2);
transform: translate(45vw, -212px) rotate(180deg) scale(0.2);
-webkit-transform-origin: left;
transform-origin: left;
opacity: 1;
}
0.55% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes fall-list_btn_bottom_left {
0% {}
0.5% {
-webkit-transform: translate(-45vw, -312px) rotate(180deg) scale(0.2);
transform: translate(-45vw, -312px) rotate(180deg) scale(0.2);
-webkit-transform-origin: left;
transform-origin: left;
opacity: 1;
}
0.55% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes fall-list_btn_bottom_left {
0% {}
0.5% {
-webkit-transform: translate(-45vw, -312px) rotate(180deg) scale(0.2);
transform: translate(-45vw, -312px) rotate(180deg) scale(0.2);
-webkit-transform-origin: left;
transform-origin: left;
opacity: 1;
}
0.55% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes fall-cafemenu {
0% {}
0.7% {
-webkit-transform: translate(44vw, -42%) rotate(345deg) scale(0.05);
transform: translate(44vw, -42%) rotate(345deg) scale(0.05);
opacity: 1;
}
0.75% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes fall-cafemenu {
0% {}
0.7% {
-webkit-transform: translate(44vw, -42%) rotate(345deg) scale(0.05);
transform: translate(44vw, -42%) rotate(345deg) scale(0.05);
opacity: 1;
}
0.75% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes fall-commentDiv {
0% {}
1% {
-webkit-transform: translate(-6vw, -8vw) rotateX(230deg) rotateY(240deg) scale(0.05);
transform: translate(-6vw, -8vw) rotateX(230deg) rotateY(240deg) scale(0.05);
opacity: 1;
-webkit-transform-origin: top;
transform-origin: top;
}
1.1% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes fall-commentDiv {
0% {}
1% {
-webkit-transform: translate(-6vw, -8vw) rotateX(230deg) rotateY(240deg) scale(0.05);
transform: translate(-6vw, -8vw) rotateX(230deg) rotateY(240deg) scale(0.05);
opacity: 1;
-webkit-transform-origin: top;
transform-origin: top;
}
1.1% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes fall-ad {
0% {}
1% {
-webkit-transform: translate(-6vw, 8vw) rotateX(230deg) rotateY(240deg) scale(0.05);
transform: translate(-6vw, 8vw) rotateX(230deg) rotateY(240deg) scale(0.05);
opacity: 1;
-webkit-transform-origin: top;
transform-origin: top;
}
1.1% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes fall-ad {
0% {}
1% {
-webkit-transform: translate(-6vw, 8vw) rotateX(230deg) rotateY(240deg) scale(0.05);
transform: translate(-6vw, 8vw) rotateX(230deg) rotateY(240deg) scale(0.05);
opacity: 1;
-webkit-transform-origin: top;
transform-origin: top;
}
1.1% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes fall-subject {
0% {}
0.5% {
-webkit-transform: translate(45vw, 190px) rotate(50deg) scale(0.4);
transform: translate(45vw, 190px) rotate(50deg) scale(0.4);
-webkit-transform-origin: right;
transform-origin: right;
opacity: 1;
}
0.55% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes fall-subject {
0% {}
0.5% {
-webkit-transform: translate(45vw, 190px) rotate(50deg) scale(0.4);
transform: translate(45vw, 190px) rotate(50deg) scale(0.4);
-webkit-transform-origin: right;
transform-origin: right;
opacity: 1;
}
0.55% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes fall-writer {
0% {}
0.5% {
-webkit-transform: translate(40vw, 180px) rotate(-60deg) scale(0.4);
transform: translate(40vw, 180px) rotate(-60deg) scale(0.4);
-webkit-transform-origin: right;
transform-origin: right;
opacity: 1;
}
0.55% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes fall-writer {
0% {}
0.5% {
-webkit-transform: translate(40vw, 180px) rotate(-60deg) scale(0.4);
transform: translate(40vw, 180px) rotate(-60deg) scale(0.4);
-webkit-transform-origin: right;
transform-origin: right;
opacity: 1;
}
0.55% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes fall-url {
0% {}
0.5% {
-webkit-transform: translate(45vw, 180px) rotate(-45deg) scale(0.2);
transform: translate(45vw, 180px) rotate(-45deg) scale(0.2);
-webkit-transform-origin: right;
transform-origin: right;
opacity: 1;
}
0.55% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes fall-url {
0% {}
0.5% {
-webkit-transform: translate(45vw, 180px) rotate(-45deg) scale(0.2);
transform: translate(45vw, 180px) rotate(-45deg) scale(0.2);
-webkit-transform-origin: right;
transform-origin: right;
opacity: 1;
}
0.55% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes fall-comment_cnt {
0% {}
0.5% {
-webkit-transform: translate(40vw, -82px) rotate(180deg) scale(0.2);
transform: translate(40vw, -82px) rotate(180deg) scale(0.2);
-webkit-transform-origin: left;
transform-origin: left;
opacity: 1;
}
0.55% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes fall-comment_cnt {
0% {}
0.5% {
-webkit-transform: translate(40vw, -82px) rotate(180deg) scale(0.2);
transform: translate(40vw, -82px) rotate(180deg) scale(0.2);
-webkit-transform-origin: left;
transform-origin: left;
opacity: 1;
}
0.55% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes fall-ccl {
0% {}
0.5% {
-webkit-transform: translate(-44vw, -42px) scale(0.5);
transform: translate(-44vw, -42px) scale(0.5);
-webkit-transform-origin: left;
transform-origin: left;
opacity: 1;
}
0.55% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes fall-ccl {
0% {}
0.5% {
-webkit-transform: translate(-44vw, -42px) scale(0.5);
transform: translate(-44vw, -42px) scale(0.5);
-webkit-transform-origin: left;
transform-origin: left;
opacity: 1;
}
0.55% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes appear-hos {
0% {}
0.04% {
opacity: 1;
}
100% {
opacity: 1;
}
}
@keyframes appear-hos {
0% {}
0.04% {
opacity: 1;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fall-paging {
0% {}
0.5% {
-webkit-transform: rotate(-45deg) translate(7vw, -400px) scale(0.5);
transform: rotate(-45deg) translate(7vw, -400px) scale(0.5);
opacity: 1;
}
0.55% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes fall-paging {
0% {}
0.5% {
-webkit-transform: rotate(-45deg) translate(7vw, -400px) scale(0.5);
transform: rotate(-45deg) translate(7vw, -400px) scale(0.5);
opacity: 1;
}
0.55% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes fall-minidaum {
0% {}
0.5% {
-webkit-transform: rotate(-48deg) translate(-45vw) scale(0.5);
transform: rotate(-48deg) translate(-45vw) scale(0.5);
opacity: 1;
}
0.55% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes fall-minidaum {
0% {}
0.5% {
-webkit-transform: rotate(-48deg) translate(-45vw) scale(0.5);
transform: rotate(-48deg) translate(-45vw) scale(0.5);
opacity: 1;
}
0.55% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes fall-nickzzal {
0% {}
0.5% {
-webkit-transform: translate(387px, 22px) rotate(200deg) rotateX(60deg) rotateY(60deg) scale(0.1);
transform: translate(387px, 22px) rotate(200deg) rotateX(60deg) rotateY(60deg) scale(0.1);
opacity: 1;
}
0.55% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes fall-nickzzal {
0% {}
0.5% {
-webkit-transform: translate(387px, 22px) rotate(200deg) rotateX(60deg) rotateY(60deg) scale(0.1);
transform: translate(387px, 22px) rotate(200deg) rotateX(60deg) rotateY(60deg) scale(0.1);
opacity: 1;
}
0.55% {
opacity: 0;
}
100% {
opacity: 0;
}
}
/* ===========================================
LAYOUT
=========================================== */
html {
-webkit-animation-name: shake;
animation-name: shake;
-webkit-animation-duration: 100ms;
animation-duration: 100ms;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 190;
animation-iteration-count: 190;
-webkit-animation-delay: 6.5s;
animation-delay: 6.5s;
}
body {
-webkit-animation-name: shake-little;
animation-name: shake-little;
-webkit-animation-duration: 100ms;
animation-duration: 100ms;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 245;
animation-iteration-count: 245;
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
.open_article {
display: none;
}
.bbs_contents {
z-index: 0;
overflow: visible;
}
#header {
z-index: 2000;
}
#title {
overflow: visible;
-webkit-animation: 1000s fall-header ease-out 8.5s;
animation: 1000s fall-header ease-out 8.5s;
}
#TITLEBACKGROUND {
background-position: center;
}
#shareMenu {
z-index: 2000
}
#shareMenu>* {
-webkit-animation: 1000s fall-sharemenu cubic-bezier(0.85, 0.18, 1, 1.01) 7s;
animation: 1000s fall-sharemenu cubic-bezier(0.85, 0.18, 1, 1.01) 7s;
z-index: 2000;
}
#wrap {
overflow: visible;
}
.search_box_elem {
-webkit-animation: 1000s fall-search_box ease 6s;
animation: 1000s fall-search_box ease 6s;
}
.list_btn_top>a {
-webkit-animation: 1000s fall-list_btn_top_right cubic-bezier(0.85, 0.18, 1, 1.01) 7s;
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 {
-webkit-animation: 1000s fall-list_btn_top_left cubic-bezier(0.85, 0.18, 1, 1.01) 7s;
animation: 1000s fall-list_btn_top_left cubic-bezier(0.85, 0.18, 1, 1.01) 7s;
z-index: 2000;
}
.lineT>a {
-webkit-animation: 1000s fall-list_btn_bottom_right cubic-bezier(0.85, 0.18, 1, 1.01) 7s;
animation: 1000s fall-list_btn_bottom_right cubic-bezier(0.85, 0.18, 1, 1.01) 7s;
z-index: 2000;
}
.lineT>.list_paging {
-webkit-animation: 1000s fall-list_btn_bottom_left cubic-bezier(0.85, 0.18, 1, 1.01) 7s;
animation: 1000s fall-list_btn_bottom_left cubic-bezier(0.85, 0.18, 1, 1.01) 7s;
z-index: 2000;
}
#cafemenu {
-webkit-animation: 1000s fall-cafemenu linear 7s;
animation: 1000s fall-cafemenu linear 7s;
z-index: 2000;
}
.commentDiv {
-webkit-animation: 1000s fall-commentDiv linear 8s;
animation: 1000s fall-commentDiv linear 8s;
z-index: 2001;
}
.subject>span,
.subject>a {
-webkit-animation: 1000s fall-subject linear 7s;
animation: 1000s fall-subject linear 7s;
z-index: 2000;
}
.article_writer>a,
.article_writer>.bar2,
.article_writer>.p11 {
-webkit-animation: 1000s fall-writer linear 6s;
animation: 1000s fall-writer linear 6s;
z-index: 2000;
}
.article_writer>.txt_sub {
-webkit-animation: 1000s fall-url linear 6s;
animation: 1000s fall-url linear 6s;
z-index: 2000;
}
#comment_cnt {
-webkit-animation: 1000s fall-comment_cnt linear 6s;
animation: 1000s fall-comment_cnt linear 6s;
z-index: 2000;
}
.cclArea img {
-webkit-animation: 1000s fall-ccl linear 6s;
animation: 1000s fall-ccl linear 6s;
z-index: 2000;
}
.article_subject,
.linebg,
.lineT {
-webkit-animation: 1000s remove-border linear 7s;
animation: 1000s remove-border linear 7s;
}
.prenext_paging {
-webkit-animation: 1000s fall-paging linear 6s;
animation: 1000s fall-paging linear 6s;
z-index: 2000;
}
.view_detail {
border: 0;
}
.viewrecom_wrap {
-webkit-animation: 1000s fall-ad linear 6s;
animation: 1000s fall-ad linear 6s;
}
#daum-ad-root-ifrm,
.goTop,
#footer {
display: none;
}
#minidaum {
-webkit-animation: 1000s fall-minidaum linear 6s;
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('http://cfile263.uf.daum.net/image/2120C1435920967129707D');
}
.sigong .sigong_detail2 {
background-image: url('http://cfile290.uf.daum.net/image/2720604359209677295E2D');
-webkit-animation: spin 1000s linear infinite;
animation: spin 1000s linear infinite;
}
.nickzzal img {
position: absolute;
top: -50px;
width: 110px;
z-index: 2000;
opacity: 0.3;
-webkit-animation: 1000s fall-nickzzal linear 6s;
animation: 1000s fall-nickzzal linear 6s;
}
#user_contents {
overflow: visible !important;
}
.hos {
background-image: url(http://cfile278.uf.daum.net/image/2124B4435920967229A02D);
background-size: contain;
background-position: center;
}
audio {
visibility: hidden;
}
/* ===========================================
COMMENTS
=========================================== */
@media screen and (min-width: 480px) {
.sigong {
position: absolute;
right: 50%;
margin-top: -100px;
-webkit-animation: scale-up 1000s linear infinite;
animation: scale-up 1000s linear infinite;
z-index: 1000;
}
.hos {
opacity: 0;
-webkit-animation: 1000s appear-hos linear 23s;
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) {
@-webkit-keyframes scale-up {
0% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
0.5% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
1% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
2% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
2.5% {
-webkit-transform: scale(0.21) translate(33%, -47%);
transform: scale(0.21) translate(33%, -47%)
}
100% {}
}
@keyframes scale-up {
0% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
0.5% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
1% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
2% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
2.5% {
-webkit-transform: scale(0.21) translate(33%, -47%);
transform: scale(0.21) translate(33%, -47%)
}
100% {}
}
@-webkit-keyframes mobile_comment1 {
0% {}
0.5% {
-webkit-transform: translate(0, -100px) scale(0.4) rotate(-225deg);
transform: translate(0, -100px) scale(0.4) rotate(-225deg);
opacity: 1;
}
0.55% {
opacity: 0;
}
100% {}
}
@keyframes mobile_comment1 {
0% {}
0.5% {
-webkit-transform: translate(0, -100px) scale(0.4) rotate(-225deg);
transform: translate(0, -100px) scale(0.4) rotate(-225deg);
opacity: 1;
}
0.55% {
opacity: 0;
}
100% {}
}
@-webkit-keyframes mobile_comment2 {
0% {}
0.5% {
-webkit-transform: translate(0, -200px) scale(0.4) rotate(-45deg);
transform: translate(0, -200px) scale(0.4) rotate(-45deg);
opacity: 1;
}
0.55% {
opacity: 0;
}
100% {}
}
@keyframes mobile_comment2 {
0% {}
0.5% {
-webkit-transform: translate(0, -200px) scale(0.4) rotate(-45deg);
transform: translate(0, -200px) scale(0.4) rotate(-45deg);
opacity: 1;
}
0.55% {
opacity: 0;
}
100% {}
}
@-webkit-keyframes mobile_comment3 {
0% {}
0.5% {
-webkit-transform: translate(0, -300%) scale(0.4) rotate(70deg);
transform: translate(0, -300%) scale(0.4) rotate(70deg);
opacity: 1;
}
0.55% {
opacity: 0;
}
100% {}
}
@keyframes mobile_comment3 {
0% {}
0.5% {
-webkit-transform: translate(0, -300%) scale(0.4) rotate(70deg);
transform: translate(0, -300%) scale(0.4) rotate(70deg);
opacity: 1;
}
0.55% {
opacity: 0;
}
100% {}
}
@-webkit-keyframes mobile_comment4 {
0% {}
0.5% {
-webkit-transform: translate(0, -400%) scale(0.4) rotate(-80deg);
transform: translate(0, -400%) scale(0.4) rotate(-80deg);
opacity: 1;
}
0.55% {
opacity: 0;
}
100% {}
}
@keyframes mobile_comment4 {
0% {}
0.5% {
-webkit-transform: translate(0, -400%) scale(0.4) rotate(-80deg);
transform: translate(0, -400%) scale(0.4) rotate(-80deg);
opacity: 1;
}
0.55% {
opacity: 0;
}
100% {}
}
@-webkit-keyframes mobile_comment5 {
0% {}
0.5% {
-webkit-transform: translate(0, -500%) scale(0.4) rotate(200deg);
transform: translate(0, -500%) scale(0.4) rotate(200deg);
opacity: 1;
}
0.55% {
opacity: 0;
}
100% {}
}
@keyframes mobile_comment5 {
0% {}
0.5% {
-webkit-transform: translate(0, -500%) scale(0.4) rotate(200deg);
transform: translate(0, -500%) scale(0.4) rotate(200deg);
opacity: 1;
}
0.55% {
opacity: 0;
}
100% {}
}
@-webkit-keyframes mobile_subject {
0% {}
1% {
-webkit-transform: translate(0, 250px) scale(0.2) rotateX(60deg) rotateY(60deg) rotateZ(360deg);
transform: translate(0, 250px) scale(0.2) rotateX(60deg) rotateY(60deg) rotateZ(360deg);
opacity: 1;
}
1.05% {
opacity: 0;
}
100% {}
}
@keyframes mobile_subject {
0% {}
1% {
-webkit-transform: translate(0, 250px) scale(0.2) rotateX(60deg) rotateY(60deg) rotateZ(360deg);
transform: translate(0, 250px) scale(0.2) rotateX(60deg) rotateY(60deg) rotateZ(360deg);
opacity: 1;
}
1.05% {
opacity: 0;
}
100% {}
}
@-webkit-keyframes mobile_navi {
0% {}
0.6% {
-webkit-transform: translate(0, 350px) scale(0.5) rotate(-145deg);
transform: translate(0, 350px) scale(0.5) rotate(-145deg);
opacity: 1;
}
0.65% {
opacity: 0;
}
100% {}
}
@keyframes mobile_navi {
0% {}
0.6% {
-webkit-transform: translate(0, 350px) scale(0.5) rotate(-145deg);
transform: translate(0, 350px) scale(0.5) rotate(-145deg);
opacity: 1;
}
0.65% {
opacity: 0;
}
100% {}
}
@-webkit-keyframes mobile_tabcafe {
0% {}
0.6% {
-webkit-transform: translate(0, -100px) scale(0.2) rotate(-145deg);
transform: translate(0, -100px) scale(0.2) rotate(-145deg);
opacity: 1;
}
0.65% {
opacity: 0;
}
100% {}
}
@keyframes mobile_tabcafe {
0% {}
0.6% {
-webkit-transform: translate(0, -100px) scale(0.2) rotate(-145deg);
transform: translate(0, -100px) scale(0.2) rotate(-145deg);
opacity: 1;
}
0.65% {
opacity: 0;
}
100% {}
}
@-webkit-keyframes mobile_optionbtn1 {
0% {}
0.6% {
-webkit-transform: translate(-65px, -10px) scale(0.5);
transform: translate(-65px, -10px) scale(0.5);
opacity: 1;
}
0.65% {
opacity: 0;
}
100% {}
}
@keyframes mobile_optionbtn1 {
0% {}
0.6% {
-webkit-transform: translate(-65px, -10px) scale(0.5);
transform: translate(-65px, -10px) scale(0.5);
opacity: 1;
}
0.65% {
opacity: 0;
}
100% {}
}
@-webkit-keyframes mobile_optionbtn2 {
0% {}
0.6% {
-webkit-transform: translate(-100px, -10px) scale(0.5);
transform: translate(-100px, -10px) scale(0.5);
opacity: 1;
}
0.65% {
opacity: 0;
}
100% {}
}
@keyframes mobile_optionbtn2 {
0% {}
0.6% {
-webkit-transform: translate(-100px, -10px) scale(0.5);
transform: translate(-100px, -10px) scale(0.5);
opacity: 1;
}
0.65% {
opacity: 0;
}
100% {}
}
@-webkit-keyframes fall-nickzzal {
0% {}
0.5% {
-webkit-transform: translate(120px, 150px) rotate(200deg) rotateX(60deg) rotateY(60deg) scale(0.2);
transform: translate(120px, 150px) rotate(200deg) rotateX(60deg) rotateY(60deg) scale(0.2);
opacity: 1;
}
0.55% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes fall-nickzzal {
0% {}
0.5% {
-webkit-transform: translate(120px, 150px) rotate(200deg) rotateX(60deg) rotateY(60deg) scale(0.2);
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 {
-webkit-animation: scale-up 1000s linear infinite;
animation: scale-up 1000s linear infinite;
width: 100%;
z-index: 1000;
display: table-cell;
}
.hos {
position: absolute;
width: 100%;
padding-top: 98.87%;
left: 0;
opacity: 0;
z-index: -1;
-webkit-animation: 1000s appear-hos linear 23s;
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;
-webkit-animation: 1000s mobile_comment1 linear 6s;
animation: 1000s mobile_comment1 linear 6s;
z-index: 2000;
}
.list_cmt>li:nth-child(2) {
position: relative;
-webkit-animation: 1000s mobile_comment2 linear 6.4s;
animation: 1000s mobile_comment2 linear 6.4s;
z-index: 2000;
}
.list_cmt>li:nth-child(3) {
position: relative;
-webkit-animation: 1000s mobile_comment3 linear 6.8s;
animation: 1000s mobile_comment3 linear 6.8s;
z-index: 2000;
}
.list_cmt>li:nth-child(4) {
position: relative;
-webkit-animation: 1000s mobile_comment4 linear 7.2s;
animation: 1000s mobile_comment4 linear 7.2s;
z-index: 2000;
}
.list_cmt>li:nth-child(5) {
position: relative;
-webkit-animation: 1000s mobile_comment5 linear 7.6s;
animation: 1000s mobile_comment5 linear 7.6s;
z-index: 2000;
}
.view_subject {
-webkit-animation: 1000s mobile_subject linear 10s;
animation: 1000s mobile_subject linear 10s;
z-index: 2000;
}
.cafe_navi {
-webkit-animation: 1000s mobile_navi linear 7s;
animation: 1000s mobile_navi linear 7s;
z-index: 2000;
}
.tab_cafe {
-webkit-animation: 1000s mobile_tabcafe linear 9s;
animation: 1000s mobile_tabcafe linear 9s;
z-index: 2000;
position: relative;
}
.detail_btns {
-webkit-animation: 1000s mobile_optionbtn1 linear 6s;
animation: 1000s mobile_optionbtn1 linear 6s;
z-index: 2000;
position: relative;
}
.article_more {
-webkit-animation: 1000s mobile_optionbtn2 linear 6.5s;
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 class="nickzzal">
<img src="https://t1.daumcdn.net/cfile/cafe/2413A7435920965D2A" class="txc-image" id="A_2413A7435920965D2A87D1"/>
<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"></audio>
</div>
<!-- -->]]>
카페 게시글
검색이 허용된 게시물입니다.
추천게시판 ‥‥‥‥、
🌀🌀🌀🌀🌀🌀 히어로즈 오브 더 탁스 🌀🌀🌀🌀🌀🌀
알랭드곱빼기
추천 38
조회 2,876,294
17.05.05 08:06
댓글 700
다음검색
미쳤닼ㅋㅋㅋㅋ
오오오오오오오오
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
으아아아아
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
오 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
미쳤어 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
ㅋㅋㅋㅋ
ㅋㅋㅋㅋ
이게뭐얔ㅋㅋㅋㅋ
빨려들어와버렸다...ㄷㄷㄷ
댓글
시.공.좋.아
ee
개신기
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
머여
ㅋㅋㅋㅋㅋㅋㅋㅋ뭐냐 이거
빨려들어간다
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
으악 미친 빨려들어간다
으아아아 빨려들어간다
이런건어케하냐대체ㅋ
옾눞 Iㆆ운IY
ㅋㅋㅋㅋㅋㅋㅋ뭐야이건
폰 고장나는줄 ㅋㅋㅋㅋㅋ
덋글쓱ㆍ싚다
오오오오오오오오
ㅁㅊ 이거뭐야 ㅋㅋㅋㅋ 쓸고퀄이네
이게어ㄸㅓㅎ게가능
시공의 폭풍에서는 다 가능합니다.
ㅁㅊ ㅋㅋㅋㅋㅋㅋㅋ
ㅋㅋㅋㅋㅋㅌㅌ미친
으악 빨려들어간다다다다다
아 살려줘어어어어어어어어어
지리고갑니다
와ㅋㅋㄱㅋㅋ
신기하넹
신기한 폭풍
뒤늦게 성지순례왔습니다. 시공에 안두인 추가해주세요.
댓글
으아아아아
시공조아
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
으안돼
이런
ㅋㅋㅋ
참 잘 만들었단 말이야..