質問編集履歴
1
scssの記法
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -25,24 +25,26 @@
|
|
|
25
25
|
</content>
|
|
26
26
|
```
|
|
27
27
|
```css
|
|
28
|
-
|
|
28
|
+
input.bar:checked ~ label > i {
|
|
29
|
-
|
|
29
|
+
background-color: transparent;
|
|
30
|
-
|
|
30
|
+
-webkit-transform: rotate(90deg);
|
|
31
|
-
|
|
31
|
+
transform: rotate(90deg);
|
|
32
|
+
}
|
|
33
|
+
|
|
32
|
-
|
|
34
|
+
input.bar:checked ~ label > i:before {
|
|
33
|
-
|
|
35
|
+
-webkit-transform: translate(-50%, -50%) rotate(315deg);
|
|
34
|
-
|
|
36
|
+
transform: translate(-50%, -50%) rotate(315deg);
|
|
35
|
-
|
|
37
|
+
}
|
|
38
|
+
|
|
36
|
-
|
|
39
|
+
input.bar:checked ~ label > i:after {
|
|
37
|
-
|
|
40
|
+
-webkit-transform: translate(-50%, -50%) rotate(-315deg);
|
|
38
|
-
|
|
41
|
+
transform: translate(-50%, -50%) rotate(-315deg);
|
|
39
|
-
|
|
42
|
+
}
|
|
40
|
-
}
|
|
41
43
|
```
|
|
42
44
|
|
|
43
45
|
でcheckされたら変形するようになっていて、
|
|
44
46
|
|
|
45
|
-
```
|
|
47
|
+
```jQuery
|
|
46
48
|
$('.drawer-list').find('a').click(function(){
|
|
47
49
|
$('.drawer-list').hide();
|
|
48
50
|
var bars = document.change;
|