回答編集履歴
2
追記
test
CHANGED
|
@@ -80,7 +80,7 @@
|
|
|
80
80
|
|
|
81
81
|
$('#box1').css('transform','rotate(' + (30 - i) + 'deg)');
|
|
82
82
|
|
|
83
|
-
if(i<6
|
|
83
|
+
if(i<61) {
|
|
84
84
|
|
|
85
85
|
$('#box2').css('transform','rotate(' + (30 + i) + 'deg)');
|
|
86
86
|
|
1
追記
test
CHANGED
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
|
|
39
39
|
background: black;
|
|
40
40
|
|
|
41
|
-
z-index: -100
|
|
41
|
+
z-index: -100
|
|
42
42
|
|
|
43
43
|
}
|
|
44
44
|
|
|
@@ -50,6 +50,8 @@
|
|
|
50
50
|
|
|
51
51
|
transform-origin:25% 100% 0;
|
|
52
52
|
|
|
53
|
+
transform: rotate(-30deg);
|
|
54
|
+
|
|
53
55
|
}
|
|
54
56
|
|
|
55
57
|
#box2 {
|
|
@@ -58,7 +60,9 @@
|
|
|
58
60
|
|
|
59
61
|
left: -50vw;
|
|
60
62
|
|
|
61
|
-
|
|
63
|
+
transform-origin:25% 0 0;
|
|
64
|
+
|
|
65
|
+
transform: rotate(30deg)
|
|
62
66
|
|
|
63
67
|
}
|
|
64
68
|
|
|
@@ -74,13 +78,17 @@
|
|
|
74
78
|
|
|
75
79
|
function go(){
|
|
76
80
|
|
|
77
|
-
$('#box1').css('transform','rotate(
|
|
81
|
+
$('#box1').css('transform','rotate(' + (30 - i) + 'deg)');
|
|
78
82
|
|
|
83
|
+
if(i<60) {
|
|
84
|
+
|
|
79
|
-
$('#box2').css('transform','rotate(' + i + 'deg)')
|
|
85
|
+
$('#box2').css('transform','rotate(' + (30 + i) + 'deg)');
|
|
86
|
+
|
|
87
|
+
}
|
|
80
88
|
|
|
81
89
|
i++;
|
|
82
90
|
|
|
83
|
-
if(i>
|
|
91
|
+
if(i>120){
|
|
84
92
|
|
|
85
93
|
clearInterval(hoge);
|
|
86
94
|
|