質問編集履歴
5
情報追加
title
CHANGED
File without changes
|
body
CHANGED
@@ -164,4 +164,5 @@
|
|
164
164
|
$(".hamburger").fadeToggle(300);
|
165
165
|
});
|
166
166
|
});
|
167
|
-
```
|
167
|
+
```
|
168
|
+

|
4
情報追加
title
CHANGED
File without changes
|
body
CHANGED
@@ -76,6 +76,20 @@
|
|
76
76
|
```
|
77
77
|
.toggleがハンバーガーメニュー外身、.hamburgerが中身です。
|
78
78
|
```ここに言語を入力
|
79
|
+
.toggle { cursor: pointer; z-index: 101; height: 118px; width: calc(5vw + 80px); position: fixed; right: 0; top: 55px;
|
80
|
+
}
|
81
|
+
.toggle .in { display: flex; align-items: center; justify-content: center; }
|
82
|
+
.toggle .t { width: 18px; height: 3px; transition: all 0.3s; }
|
83
|
+
.toggle .t span { position: relative; width: 100%; height: 100%; display: block; background-color: #111; overflow: hidden; }
|
84
|
+
.toggle .t2 { margin: 2px 0; }
|
85
|
+
.is-menu--open .toggle .t1 { transform: translate(0px, 5px) }
|
86
|
+
.is-menu--open .toggle .t3 { transform: translate(0px, -5px) }
|
87
|
+
.toggle .t span:after { content: ''; width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; background: #999; transform: translateX(-100%); transform-origin: 0% 50%; }
|
88
|
+
.toggle:hover .t span:after { transform: translateX(100%); transition: all .6s ease-in-out; }
|
89
|
+
.toggle:hover .t2 span:after { transition-delay: 0.1s; }
|
90
|
+
.toggle:hover .t3 span:after { transition-delay: 0.2s; }
|
91
|
+
```
|
92
|
+
```ここに言語を入力
|
79
93
|
.hamburger {
|
80
94
|
.menu {
|
81
95
|
padding-bottom: 61px;
|
3
誤字
title
CHANGED
@@ -1,1 +1,1 @@
|
|
1
|
-
[jQuery]ハンバーガーメニューの中身
|
1
|
+
[jQuery]ハンバーガーメニューの中身を表示するには...
|
body
CHANGED
File without changes
|
2
タイトル簡素化
title
CHANGED
@@ -1,1 +1,1 @@
|
|
1
|
-
[jQuery]ハンバーガーメニューの
|
1
|
+
[jQuery]ハンバーガーメニューの中身が表示されるには...
|
body
CHANGED
File without changes
|
1
タイトル簡素化
title
CHANGED
@@ -1,1 +1,1 @@
|
|
1
|
-
[jQuery]ハンバーガーメニューのコンテンツが
|
1
|
+
[jQuery]ハンバーガーメニューのコンテンツが表示されるには...
|
body
CHANGED
File without changes
|