回答編集履歴
1
書式の改善
answer
CHANGED
|
@@ -12,14 +12,14 @@
|
|
|
12
12
|
background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url("画像パス") 0 0 no-repeat;
|
|
13
13
|
}
|
|
14
14
|
.clip {
|
|
15
|
-
transform:translate(
|
|
15
|
+
transform:translate(〇px, △px); /* 移動したい位置など */
|
|
16
16
|
width: ●●px; /* クリップの横幅 */
|
|
17
17
|
height: ▲▲px; /* クリップの高さ */
|
|
18
|
-
background: url("wrapと同じ画像パス") -
|
|
18
|
+
background: url("wrapと同じ画像パス") -△△px -〇〇px no-repeat;
|
|
19
|
-
/* 画像の起点(左上)がwrapと同じ位置になるよう -
|
|
19
|
+
/* 画像の起点(左上)がwrapと同じ位置になるよう -△△px -〇〇px で調整 */
|
|
20
20
|
|
|
21
21
|
~~ 以下略 padding、margin などお好みで
|
|
22
22
|
}
|
|
23
23
|
```
|
|
24
24
|
都度、起点位置を合わせるのは少々面倒かも? ですが
|
|
25
|
-
位置やサイズの調整はしやすいと思います
|
|
25
|
+
位置やサイズの調整はしやすいと思います。
|