teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

5

情報追加

2021/02/22 06:26

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -164,4 +164,5 @@
164
164
  $(".hamburger").fadeToggle(300);
165
165
  });
166
166
  });
167
- ```
167
+ ```
168
+ ![イメージ説明](fc9fb48418b7145c7a5e3d1367efaca3.png)

4

情報追加

2021/02/22 06:26

投稿

退会済みユーザー
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

誤字

2021/02/22 06:19

投稿

退会済みユーザー
title CHANGED
@@ -1,1 +1,1 @@
1
- [jQuery]ハンバーガーメニューの中身表示されるには...
1
+ [jQuery]ハンバーガーメニューの中身表示るには...
body CHANGED
File without changes

2

タイトル簡素化

2021/02/22 03:13

投稿

退会済みユーザー
title CHANGED
@@ -1,1 +1,1 @@
1
- [jQuery]ハンバーガーメニューのコンテンツが表示されるには...
1
+ [jQuery]ハンバーガーメニューの中身が表示されるには...
body CHANGED
File without changes

1

タイトル簡素化

2021/02/22 03:12

投稿

退会済みユーザー
title CHANGED
@@ -1,1 +1,1 @@
1
- [jQuery]ハンバーガーメニューのコンテンツがスクロール途中でも表示されるには...
1
+ [jQuery]ハンバーガーメニューのコンテンツが表示されるには...
body CHANGED
File without changes