質問編集履歴
1
編集
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -14,6 +14,8 @@
|
|
|
14
14
|
|
|
15
15
|
```ここに言語を入力
|
|
16
16
|
|
|
17
|
+
|
|
18
|
+
|
|
17
19
|
<input type="checkbox" class="openSidebarMenu" id="openSidebarMenu">
|
|
18
20
|
|
|
19
21
|
<label for="openSidebarMenu" class="sidebarIconToggle">
|
|
@@ -30,9 +32,9 @@
|
|
|
30
32
|
|
|
31
33
|
<ul class="sidebarMenuInner">
|
|
32
34
|
|
|
33
|
-
<li><a href=""></a></li>
|
|
35
|
+
<li><a href="">メニュー</a></li>
|
|
34
|
-
|
|
36
|
+
|
|
35
|
-
<li><a href=""></a></li>
|
|
37
|
+
<li><a href="">メニュー</a></li>
|
|
36
38
|
|
|
37
39
|
</ul>
|
|
38
40
|
|
|
@@ -44,47 +46,55 @@
|
|
|
44
46
|
|
|
45
47
|
|
|
46
48
|
|
|
47
|
-
↓クリックしたときに暗くなる要素
|
|
49
|
+
<!--↓クリックしたときに暗くなる要素-->
|
|
48
50
|
|
|
49
51
|
<div class="black-bg" id="js-black-bg"></div>
|
|
50
52
|
|
|
53
|
+
|
|
54
|
+
|
|
51
55
|
```
|
|
52
56
|
|
|
53
57
|
ここからcssです
|
|
54
58
|
|
|
55
59
|
```ここに言語を入力
|
|
56
60
|
|
|
61
|
+
@charset "utf-8";
|
|
62
|
+
|
|
63
|
+
/* CSS Document */
|
|
64
|
+
|
|
65
|
+
|
|
66
|
+
|
|
57
67
|
#sidebarMenu {
|
|
58
68
|
|
|
59
69
|
height: 100%;
|
|
60
70
|
|
|
61
71
|
position: fixed;
|
|
62
72
|
|
|
63
|
-
|
|
73
|
+
z-index: 20;
|
|
64
74
|
|
|
65
75
|
width:25%;
|
|
66
76
|
|
|
67
|
-
|
|
77
|
+
background-color:#FFF;
|
|
68
78
|
|
|
69
79
|
transform: translateX(-110%);
|
|
70
80
|
|
|
71
81
|
transition: transform 250ms ease-in-out;
|
|
72
82
|
|
|
73
|
-
|
|
83
|
+
box-shadow: 3px 3px 3px 3px rgba(0, 0, 30, .2);
|
|
74
|
-
|
|
75
|
-
|
|
84
|
+
|
|
85
|
+
|
|
76
86
|
|
|
77
87
|
}
|
|
78
88
|
|
|
79
89
|
.sidebarMenuInner{
|
|
80
90
|
|
|
81
|
-
|
|
91
|
+
width:80%;
|
|
82
|
-
|
|
92
|
+
|
|
83
|
-
|
|
93
|
+
height:auto;
|
|
84
94
|
|
|
85
95
|
margin:10px auto 0;
|
|
86
96
|
|
|
87
|
-
|
|
97
|
+
padding:0;
|
|
88
98
|
|
|
89
99
|
}
|
|
90
100
|
|
|
@@ -130,7 +140,7 @@
|
|
|
130
140
|
|
|
131
141
|
width: 22px;
|
|
132
142
|
|
|
133
|
-
|
|
143
|
+
position:fixed;
|
|
134
144
|
|
|
135
145
|
}
|
|
136
146
|
|
|
@@ -224,9 +234,13 @@
|
|
|
224
234
|
|
|
225
235
|
}
|
|
226
236
|
|
|
227
|
-
|
|
237
|
+
.sidebarMenuInner{
|
|
238
|
+
|
|
228
|
-
|
|
239
|
+
margin-top:60px;
|
|
240
|
+
|
|
241
|
+
}
|
|
242
|
+
|
|
229
|
-
↓暗くなる要素
|
|
243
|
+
/*↓暗くなる要素*/
|
|
230
244
|
|
|
231
245
|
.black-bg {
|
|
232
246
|
|