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

質問編集履歴

3

イメージの追加

2021/02/22 05:05

投稿

mitrasi
mitrasi

スコア49

title CHANGED
File without changes
body CHANGED
@@ -104,4 +104,9 @@
104
104
 
105
105
  OS:Windows
106
106
  エディタ:Brackets
107
- ブラウザ:クローム
107
+ ブラウザ:クローム
108
+
109
+
110
+ ### 現状
111
+
112
+ ![イメージ説明](c55cec8618c41e0fed119c50395102e2.png)

2

修正

2021/02/22 05:05

投稿

mitrasi
mitrasi

スコア49

title CHANGED
File without changes
body CHANGED
@@ -10,7 +10,7 @@
10
10
  }
11
11
 
12
12
  .burger-btn {
13
- /*buger-btn全体の高さや幅*/
13
+ /*burger-btn全体の高さや幅*/
14
14
  width: 30px;
15
15
  height: 20px;
16
16
  background: none;
@@ -26,12 +26,12 @@
26
26
  }
27
27
  }
28
28
 
29
- .buger-btn span:nth-child(1) {
29
+ .burger-btn span:nth-child(1) {
30
30
  margin-bottom: 8px;
31
31
  /*spanの一番目の下に*/
32
32
  }
33
33
 
34
- .buger-btn span:nth-child(2) {
34
+ .burger-btn span:nth-child(2) {
35
35
  margin-bottom: 8px;
36
36
  /*spanの二番目の下に*/
37
37
  }
@@ -78,11 +78,11 @@
78
78
  }
79
79
  }
80
80
 
81
- .buger-btn span:nth-child(1) {
81
+ .burger-btn span:nth-child(1) {
82
82
  margin-bottom: 8px;
83
83
  }
84
84
 
85
- .buger-btn span:nth-child(2) {
85
+ .burger-btn span:nth-child(2) {
86
86
  margin-bottom: 8px;
87
87
  }
88
88
  }

1

追記

2021/02/22 05:00

投稿

mitrasi
mitrasi

スコア49

title CHANGED
@@ -1,1 +1,1 @@
1
- ハンバーガーアイコン 作成 ①高さを横のタイトルと平行にならべるには
1
+ ハンバーガーアイコン 作成 ①spanタグのそれぞれ指定の高さをあけたい ②高さを横のタイトルと平行にならべるには
body CHANGED
@@ -98,6 +98,7 @@
98
98
  https://www.nxworld.net/10-css-hamburger-menu-icon-design-and-effect.html
99
99
 
100
100
  →アイコン自体は表示され、大きさなどを使いたい大きさにカスタマイズしていこうと思ったが、どこがどう動くのかよくわかていないこともありいじり方がわからない
101
+ heightをさわってみたが、線の太さなどが変化するだけで線の高さを設定する場所が見つけられない
101
102
 
102
103
  ### 補足情報(FW/ツールのバージョンなど)
103
104