回答編集履歴
1
無駄な行を削除
answer
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
興味あったので挑戦してみたところChromeでは`clip-path`で出来ました。
|
|
2
2
|
|
|
3
|
-
クロスブラウザ対応したい場合は Canvas 使うしかなさそうですね。
|
|
3
|
+
~~クロスブラウザ対応したい場合は Canvas 使うしかなさそうですね。~~
|
|
4
4
|
|
|
5
5
|
```html
|
|
6
6
|
<section class="section">
|
|
@@ -36,7 +36,6 @@
|
|
|
36
36
|
left: 0;
|
|
37
37
|
width: 100%;
|
|
38
38
|
height: calc(100% - #{$circle-height});
|
|
39
|
-
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
|
|
40
39
|
}
|
|
41
40
|
|
|
42
41
|
.section::before,
|