質問編集履歴
1
css追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
|
|
16
16
|
```html
|
|
17
17
|
<!-- 表示用SVG -->
|
|
18
|
-
<svg viewBox="0 0 301 186.795" class="
|
|
18
|
+
<svg viewBox="0 0 301 186.795" class="maskedElem">
|
|
19
19
|
<image xlink:href="https://placekitten.com/g/200/300" width="100%" height="100%" preserveAspectRatio="xMidYMid slice" clip-path="url(#clip01)"/>
|
|
20
20
|
</svg>
|
|
21
21
|
|
|
@@ -27,6 +27,13 @@
|
|
|
27
27
|
</svg>
|
|
28
28
|
```
|
|
29
29
|
|
|
30
|
+
```css
|
|
31
|
+
.maskedElem {
|
|
32
|
+
width: 100%;
|
|
33
|
+
height: auto;
|
|
34
|
+
}
|
|
35
|
+
```
|
|
36
|
+
|
|
30
37
|
### 試したこと
|
|
31
38
|
|
|
32
39
|
ここに問題に対して試したことを記載してください。
|