回答編集履歴
2
追記
answer
CHANGED
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
var i=0;
|
|
40
40
|
function go(){
|
|
41
41
|
$('#box1').css('transform','rotate(' + (30 - i) + 'deg)');
|
|
42
|
-
if(i<
|
|
42
|
+
if(i<61) {
|
|
43
43
|
$('#box2').css('transform','rotate(' + (30 + i) + 'deg)');
|
|
44
44
|
}
|
|
45
45
|
i++;
|
1
追記
answer
CHANGED
|
@@ -18,17 +18,19 @@
|
|
|
18
18
|
height: 75vh;
|
|
19
19
|
position:fixed;
|
|
20
20
|
background: black;
|
|
21
|
-
z-index: -100
|
|
21
|
+
z-index: -100
|
|
22
22
|
}
|
|
23
23
|
#box1 {
|
|
24
24
|
top: -25vh;
|
|
25
25
|
left: -50vw;
|
|
26
26
|
transform-origin:25% 100% 0;
|
|
27
|
+
transform: rotate(-30deg);
|
|
27
28
|
}
|
|
28
29
|
#box2 {
|
|
29
30
|
bottom: -25vh;
|
|
30
31
|
left: -50vw;
|
|
31
|
-
|
|
32
|
+
transform-origin:25% 0 0;
|
|
33
|
+
transform: rotate(30deg)
|
|
32
34
|
}
|
|
33
35
|
|
|
34
36
|
```
|
|
@@ -36,10 +38,12 @@
|
|
|
36
38
|
|
|
37
39
|
var i=0;
|
|
38
40
|
function go(){
|
|
39
|
-
$('#box1').css('transform','rotate(
|
|
41
|
+
$('#box1').css('transform','rotate(' + (30 - i) + 'deg)');
|
|
42
|
+
if(i<60) {
|
|
40
|
-
|
|
43
|
+
$('#box2').css('transform','rotate(' + (30 + i) + 'deg)');
|
|
44
|
+
}
|
|
41
45
|
i++;
|
|
42
|
-
if(i>
|
|
46
|
+
if(i>120){
|
|
43
47
|
clearInterval(hoge);
|
|
44
48
|
}
|
|
45
49
|
}
|