回答編集履歴
1
コード追記
answer
CHANGED
|
@@ -6,6 +6,19 @@
|
|
|
6
6
|
margin-left: 14px;
|
|
7
7
|
margin-right: -54px; /* 追加 */
|
|
8
8
|
transform-origin: bottom right;
|
|
9
|
-
transform: rotate(270deg)
|
|
9
|
+
transform: rotate(270deg) translate(200%, -100%);
|
|
10
10
|
}
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
---
|
|
14
|
+
または、上の横倒しブロックをネガティブマージンで移動させてもいいですね。
|
|
15
|
+
こちらの方かシンプルになります。
|
|
16
|
+
|
|
17
|
+
```css
|
|
18
|
+
/* 横倒しになる画像の上に乗っかる画像 */
|
|
19
|
+
.Rotated2 {
|
|
20
|
+
margin-left: -40px;
|
|
21
|
+
transform-origin: bottom right;
|
|
22
|
+
transform: rotate(270deg) translate(200%);
|
|
23
|
+
}
|
|
11
24
|
```
|