Decagon clip-path

Xiao-Hu Tai
2019-04-05T12:30:41Z

decagon-clip-path.css

| .decagon {
| clip-path: polygon(
| 34.54915% 2.44717%,
| 65.45085% 2.44717%,
| 90.45085% 20.61074%,
| 100% 50%,
| 90.45085% 79.38926%,
| 65.45085% 97.55283%,
| 34.54915% 97.55283%,
| 9.54915% 79.38926%,
| 0% 50%,
| 9.54915% 20.61074%
| );
| }

decagon-clip-path.md

| a | b | c | d | e | f
x | 0 | 9.54915 | 34.54915 | 65.45085 | 90.45085 | 100

| y
1 | 2.44717
2 | 20.61074
3 | 50
4 | 19.38926
5 | 97.55283

Magic Numbers

40.45085
29.38926

15.45085
47.55283

Links