回答編集履歴
2
説明追加
test
CHANGED
|
@@ -1,4 +1,10 @@
|
|
|
1
|
+
現状の**rightを基準にする**ならcalcを使えば可能ですが、
|
|
2
|
+
```css
|
|
3
|
+
#menu-btn-check:checked ~ .menu-content {
|
|
4
|
+
right: calc(100% - 165px); /*★２*/
|
|
5
|
+
}
|
|
6
|
+
```
|
|
1
|
-
**ドロワーを左側から出す**の
|
|
7
|
+
**ドロワーを左側から出す**のですから、
|
|
2
8
|
**leftを基準にしてアニメーションさせる**のがシンプルだと思います。
|
|
3
9
|
|
|
4
10
|
```css
|
|
@@ -20,3 +26,5 @@
|
|
|
20
26
|
left: 0; /*★ 左端の位置に移動 */
|
|
21
27
|
}
|
|
22
28
|
```
|
|
29
|
+
|
|
30
|
+
|
1
書式の改善
test
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
+
**ドロワーを左側から出す**のなら、
|
|
1
|
-
leftを基準にしてアニメーションさせるのがシンプルだと思います。
|
|
2
|
+
**leftを基準にしてアニメーションさせる**のがシンプルだと思います。
|
|
2
3
|
|
|
3
4
|
```css
|
|
4
5
|
.menu-content {
|