回答編集履歴
1
appendix
test
CHANGED
|
@@ -68,12 +68,17 @@
|
|
|
68
68
|
```
|
|
69
69
|
|
|
70
70
|
ドロワーメニューに`.active`というclassをつけはずしするのをやめ、jQueryのメソッドである`.fadeIn()` `.fadeOut()`を利用します。
|
|
71
|
-
これを書くだけでふわっと表示・非表示ができてしまうすぐれものです。
|
|
71
|
+
これを書くだけで`display: none`<->`block`を切り替えながら、ふわっと表示・非表示ができてしまうすぐれものです。
|
|
72
72
|
|
|
73
|
-
また、`()`の中に数値（ミリ秒）をかくことで、ふわっとする時間を変更すること
|
|
73
|
+
また、`()`の中に数値（ミリ秒）をかくことで、ふわっとする時間を変更することができます。
|
|
74
74
|
デフォルトは400ミリ秒（0.4秒）です。
|
|
75
75
|
|
|
76
76
|
例）
|
|
77
77
|
- `.fadeIn(1000)` -> 1000ミリ秒（1秒）でふわっと表示
|
|
78
78
|
- `.fadeOut(200)` -> 200ミリ秒（0.2秒）でふわっと非表示
|
|
79
79
|
|
|
80
|
+
その他も設定できますので、色々試してみてください。
|
|
81
|
+
|
|
82
|
+
### 参考URL
|
|
83
|
+
- `opacity`について：https://www.w3schools.com/css/css_image_transparency.asp
|
|
84
|
+
- jQueryの`.fadeIn()`について：https://js.studio-kingdom.com/jquery/effects/fade_in
|