-
Notifications
You must be signed in to change notification settings - Fork 3.9k
Expand file tree
/
Copy pathcorner-shape-superellipse-convex-outset-ref.html
More file actions
36 lines (35 loc) · 27.3 KB
/
Copy pathcorner-shape-superellipse-convex-outset-ref.html
File metadata and controls
36 lines (35 loc) · 27.3 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>CSS Borders and Box Decorations 4: mixed convex superellipse corners — reference</title>
<style>
body { margin: 0; background: white; }
.row { display: flex; gap: 60px; padding: 40px; }
.cell { position: relative; width: 100px; height: 100px; }
.layer { position: absolute; inset: -50px; }
.clipbox { position: absolute; overflow: hidden; }
.clipbox > div { position: absolute; }
</style>
</head>
<body>
<div class="row">
<div class="cell">
<div class="layer" style="background:blue;clip-path:polygon(125.93px 40.04px, 125.93px 40.04px, 127.06px 40.05px, 128.19px 40.06px, 129.33px 40.09px, 130.48px 40.13px, 131.64px 40.18px, 132.79px 40.26px, 133.95px 40.36px, 135.10px 40.48px, 136.25px 40.64px, 137.40px 40.82px, 138.55px 41.03px, 139.68px 41.28px, 140.81px 41.57px, 141.92px 41.89px, 143.02px 42.26px, 144.11px 42.67px, 145.18px 43.13px, 146.24px 43.64px, 147.27px 44.21px, 148.29px 44.83px, 149.28px 45.50px, 150.24px 46.24px, 151.19px 47.04px, 152.10px 47.90px, 152.96px 48.81px, 153.76px 49.76px, 154.50px 50.72px, 155.17px 51.71px, 155.79px 52.73px, 156.36px 53.76px, 156.87px 54.82px, 157.33px 55.89px, 157.74px 56.98px, 158.11px 58.08px, 158.43px 59.19px, 158.72px 60.32px, 158.97px 61.45px, 159.18px 62.60px, 159.36px 63.75px, 159.52px 64.90px, 159.64px 66.05px, 159.74px 67.21px, 159.82px 68.36px, 159.87px 69.52px, 159.91px 70.67px, 159.94px 71.81px, 159.95px 72.94px, 159.96px 74.07px, 159.96px 74.07px, 159.96px 125.93px, 159.96px 125.93px, 159.96px 128.22px, 159.96px 130.39px, 159.96px 132.44px, 159.96px 134.39px, 159.95px 136.22px, 159.94px 137.96px, 159.92px 139.60px, 159.88px 141.14px, 159.83px 142.59px, 159.77px 143.95px, 159.69px 145.23px, 159.59px 146.43px, 159.46px 147.56px, 159.31px 148.61px, 159.14px 149.59px, 158.94px 150.51px, 158.70px 151.37px, 158.44px 152.18px, 158.14px 152.93px, 157.80px 153.63px, 157.42px 154.29px, 157.00px 154.91px, 156.54px 155.49px, 156.03px 156.03px, 155.49px 156.54px, 154.91px 157.00px, 154.29px 157.42px, 153.63px 157.80px, 152.93px 158.14px, 152.18px 158.44px, 151.37px 158.70px, 150.51px 158.94px, 149.59px 159.14px, 148.61px 159.31px, 147.56px 159.46px, 146.43px 159.59px, 145.23px 159.69px, 143.95px 159.77px, 142.59px 159.83px, 141.14px 159.88px, 139.60px 159.92px, 137.96px 159.94px, 136.22px 159.95px, 134.39px 159.96px, 132.44px 159.96px, 130.39px 159.96px, 128.22px 159.96px, 125.93px 159.96px, 125.93px 159.96px, 74.07px 159.96px, 74.07px 159.96px, 70.64px 159.96px, 67.48px 159.96px, 64.56px 159.97px, 61.89px 159.97px, 59.44px 159.98px, 57.21px 159.98px, 55.19px 159.99px, 53.36px 159.98px, 51.72px 159.97px, 50.24px 159.96px, 48.93px 159.94px, 47.77px 159.91px, 46.75px 159.87px, 45.85px 159.82px, 45.08px 159.76px, 44.40px 159.69px, 43.83px 159.60px, 43.33px 159.50px, 42.91px 159.38px, 42.55px 159.25px, 42.24px 159.09px, 41.96px 158.92px, 41.72px 158.73px, 41.49px 158.51px, 41.27px 158.28px, 41.08px 158.04px, 40.91px 157.76px, 40.75px 157.45px, 40.62px 157.09px, 40.50px 156.67px, 40.40px 156.17px, 40.31px 155.60px, 40.24px 154.92px, 40.18px 154.15px, 40.13px 153.25px, 40.09px 152.23px, 40.06px 151.07px, 40.04px 149.76px, 40.03px 148.28px, 40.02px 146.64px, 40.01px 144.81px, 40.02px 142.79px, 40.02px 140.56px, 40.03px 138.11px, 40.03px 135.44px, 40.04px 132.52px, 40.04px 129.36px, 40.04px 125.93px, 40.04px 125.93px, 40.03px 73.47px, 41.15px 69.15px, 42.87px 64.90px, 45.18px 61.01px, 47.78px 57.32px, 50.70px 53.89px, 53.89px 50.70px, 57.32px 47.78px, 61.01px 45.18px, 64.90px 42.87px, 69.15px 41.15px, 73.47px 40.03px)"></div>
<div class="layer" style="background:green;clip-path:polygon(125.00px 50.00px, 125.83px 50.00px, 126.66px 50.01px, 127.50px 50.03px, 128.34px 50.06px, 129.19px 50.10px, 130.04px 50.16px, 130.89px 50.23px, 131.74px 50.32px, 132.58px 50.44px, 133.43px 50.57px, 134.27px 50.73px, 135.10px 50.91px, 135.93px 51.12px, 136.75px 51.36px, 137.56px 51.63px, 138.36px 51.93px, 139.14px 52.27px, 139.92px 52.65px, 140.68px 53.06px, 141.43px 53.51px, 142.15px 54.01px, 142.86px 54.55px, 143.55px 55.14px, 144.23px 55.77px, 144.86px 56.45px, 145.45px 57.14px, 145.99px 57.85px, 146.49px 58.57px, 146.94px 59.32px, 147.35px 60.08px, 147.73px 60.86px, 148.07px 61.64px, 148.37px 62.44px, 148.64px 63.25px, 148.88px 64.07px, 149.09px 64.90px, 149.27px 65.73px, 149.43px 66.57px, 149.56px 67.42px, 149.68px 68.26px, 149.77px 69.11px, 149.84px 69.96px, 149.90px 70.81px, 149.94px 71.66px, 149.97px 72.50px, 149.99px 73.34px, 150.00px 74.17px, 150.00px 75.00px, 150.00px 125.00px, 150.00px 126.68px, 150.00px 128.27px, 150.00px 129.78px, 150.00px 131.21px, 150.00px 132.56px, 149.99px 133.84px, 149.97px 135.04px, 149.95px 136.17px, 149.91px 137.24px, 149.86px 138.24px, 149.80px 139.18px, 149.73px 140.06px, 149.64px 140.89px, 149.53px 141.66px, 149.40px 142.39px, 149.25px 143.06px, 149.08px 143.69px, 148.88px 144.28px, 148.66px 144.84px, 148.41px 145.35px, 148.14px 145.84px, 147.83px 146.29px, 147.49px 146.72px, 147.12px 147.12px, 146.72px 147.49px, 146.29px 147.83px, 145.84px 148.14px, 145.35px 148.41px, 144.84px 148.66px, 144.28px 148.88px, 143.69px 149.08px, 143.06px 149.25px, 142.39px 149.40px, 141.66px 149.53px, 140.89px 149.64px, 140.06px 149.73px, 139.18px 149.80px, 138.24px 149.86px, 137.24px 149.91px, 136.17px 149.95px, 135.04px 149.97px, 133.84px 149.99px, 132.56px 150.00px, 131.21px 150.00px, 129.78px 150.00px, 128.27px 150.00px, 126.68px 150.00px, 125.00px 150.00px, 75.00px 150.00px, 72.48px 150.00px, 70.16px 150.00px, 68.02px 150.01px, 66.05px 150.01px, 64.25px 150.02px, 62.62px 150.02px, 61.13px 150.02px, 59.79px 150.02px, 58.58px 150.01px, 57.50px 150.00px, 56.53px 149.99px, 55.68px 149.97px, 54.93px 149.94px, 54.27px 149.90px, 53.70px 149.86px, 53.20px 149.80px, 52.78px 149.74px, 52.42px 149.66px, 52.11px 149.58px, 51.84px 149.48px, 51.61px 149.37px, 51.41px 149.24px, 51.23px 149.10px, 51.06px 148.94px, 50.90px 148.77px, 50.76px 148.59px, 50.63px 148.39px, 50.52px 148.16px, 50.42px 147.89px, 50.34px 147.58px, 50.26px 147.22px, 50.20px 146.80px, 50.14px 146.30px, 50.10px 145.73px, 50.06px 145.07px, 50.03px 144.32px, 50.01px 143.47px, 50.00px 142.50px, 49.99px 141.42px, 49.98px 140.21px, 49.98px 138.87px, 49.98px 137.38px, 49.98px 135.75px, 49.99px 133.95px, 49.99px 131.98px, 50.00px 129.84px, 50.00px 127.52px, 50.00px 125.00px, 50.00px 75.00px, 50.01px 74.73px, 50.04px 74.42px, 50.10px 74.06px, 50.18px 73.65px, 50.29px 73.20px, 50.43px 72.71px, 50.60px 72.19px, 50.79px 71.62px, 51.02px 71.02px, 51.28px 70.39px, 51.58px 69.73px, 51.91px 69.04px, 52.28px 68.32px, 52.69px 67.58px, 53.13px 66.81px, 53.62px 66.02px, 54.15px 65.21px, 54.73px 64.39px, 55.35px 63.55px, 56.02px 62.69px, 56.73px 61.83px, 57.49px 60.95px, 58.31px 60.07px, 59.18px 59.18px, 60.07px 58.31px, 60.95px 57.49px, 61.83px 56.73px, 62.69px 56.02px, 63.55px 55.35px, 64.39px 54.73px, 65.21px 54.15px, 66.02px 53.62px, 66.81px 53.13px, 67.58px 52.69px, 68.32px 52.28px, 69.04px 51.91px, 69.73px 51.58px, 70.39px 51.28px, 71.02px 51.02px, 71.62px 50.79px, 72.19px 50.60px, 72.71px 50.43px, 73.20px 50.29px, 73.65px 50.18px, 74.06px 50.10px, 74.42px 50.04px, 74.73px 50.01px, 75.00px 50.00px)"></div>
</div>
<div class="cell">
<div class="layer" style="background:orange;clip-path:polygon(126.49px 34.07px, 126.49px 34.07px, 127.80px 34.07px, 129.11px 34.09px, 130.44px 34.12px, 131.77px 34.17px, 133.10px 34.23px, 134.44px 34.32px, 135.78px 34.44px, 137.12px 34.58px, 138.46px 34.76px, 139.79px 34.97px, 141.11px 35.21px, 142.43px 35.50px, 143.73px 35.83px, 145.03px 36.21px, 146.30px 36.64px, 147.56px 37.12px, 148.81px 37.65px, 150.03px 38.24px, 151.23px 38.90px, 152.40px 39.61px, 153.55px 40.40px, 154.67px 41.25px, 155.76px 42.18px, 156.82px 43.18px, 157.82px 44.24px, 158.75px 45.33px, 159.60px 46.45px, 160.39px 47.60px, 161.10px 48.77px, 161.76px 49.97px, 162.35px 51.19px, 162.88px 52.44px, 163.36px 53.70px, 163.79px 54.97px, 164.17px 56.27px, 164.50px 57.57px, 164.79px 58.89px, 165.03px 60.21px, 165.24px 61.54px, 165.42px 62.88px, 165.56px 64.22px, 165.68px 65.56px, 165.77px 66.90px, 165.83px 68.23px, 165.88px 69.56px, 165.91px 70.89px, 165.93px 72.20px, 165.93px 73.51px, 165.93px 73.51px, 165.93px 126.49px, 165.93px 126.49px, 165.93px 129.14px, 165.93px 131.66px, 165.94px 134.04px, 165.93px 136.29px, 165.93px 138.42px, 165.91px 140.43px, 165.88px 142.33px, 165.84px 144.12px, 165.79px 145.80px, 165.71px 147.38px, 165.62px 148.86px, 165.50px 150.25px, 165.36px 151.56px, 165.19px 152.78px, 164.98px 153.92px, 164.75px 154.99px, 164.48px 155.98px, 164.17px 156.91px, 163.82px 157.79px, 163.43px 158.60px, 162.99px 159.36px, 162.51px 160.08px, 161.97px 160.75px, 161.38px 161.38px, 160.75px 161.97px, 160.08px 162.51px, 159.36px 162.99px, 158.60px 163.43px, 157.79px 163.82px, 156.91px 164.17px, 155.98px 164.48px, 154.99px 164.75px, 153.92px 164.98px, 152.78px 165.19px, 151.56px 165.36px, 150.25px 165.50px, 148.86px 165.62px, 147.38px 165.71px, 145.80px 165.79px, 144.12px 165.84px, 142.33px 165.88px, 140.43px 165.91px, 138.42px 165.93px, 136.29px 165.93px, 134.04px 165.94px, 131.66px 165.93px, 129.14px 165.93px, 126.49px 165.93px, 126.49px 165.93px, 73.51px 165.93px, 73.51px 165.93px, 69.53px 165.93px, 65.87px 165.94px, 62.49px 165.94px, 59.39px 165.95px, 56.56px 165.96px, 53.97px 165.96px, 51.63px 165.96px, 49.51px 165.96px, 47.60px 165.95px, 45.89px 165.94px, 44.37px 165.91px, 43.03px 165.88px, 41.84px 165.83px, 40.81px 165.77px, 39.90px 165.70px, 39.12px 165.62px, 38.45px 165.52px, 37.88px 165.40px, 37.39px 165.26px, 36.97px 165.11px, 36.61px 164.93px, 36.29px 164.73px, 36.01px 164.51px, 35.74px 164.26px, 35.49px 163.99px, 35.27px 163.71px, 35.07px 163.39px, 34.89px 163.03px, 34.74px 162.61px, 34.60px 162.12px, 34.48px 161.55px, 34.38px 160.88px, 34.30px 160.10px, 34.23px 159.19px, 34.17px 158.16px, 34.12px 156.97px, 34.09px 155.63px, 34.06px 154.11px, 34.05px 152.40px, 34.04px 150.49px, 34.04px 148.37px, 34.04px 146.03px, 34.04px 143.44px, 34.05px 140.61px, 34.06px 137.51px, 34.06px 134.13px, 34.07px 130.47px, 34.07px 126.49px, 34.07px 126.49px, 34.05px 72.56px, 35.33px 67.58px, 37.31px 62.69px, 39.94px 58.16px, 42.90px 53.90px, 46.28px 49.94px, 49.94px 46.28px, 53.90px 42.90px, 58.16px 39.94px, 62.69px 37.31px, 67.58px 35.33px, 72.56px 34.05px)"></div>
<div class="layer" style="background:white;clip-path:polygon(125.93px 40.04px, 125.93px 40.04px, 127.06px 40.05px, 128.19px 40.06px, 129.33px 40.09px, 130.48px 40.13px, 131.64px 40.18px, 132.79px 40.26px, 133.95px 40.36px, 135.10px 40.48px, 136.25px 40.64px, 137.40px 40.82px, 138.55px 41.03px, 139.68px 41.28px, 140.81px 41.57px, 141.92px 41.89px, 143.02px 42.26px, 144.11px 42.67px, 145.18px 43.13px, 146.24px 43.64px, 147.27px 44.21px, 148.29px 44.83px, 149.28px 45.50px, 150.24px 46.24px, 151.19px 47.04px, 152.10px 47.90px, 152.96px 48.81px, 153.76px 49.76px, 154.50px 50.72px, 155.17px 51.71px, 155.79px 52.73px, 156.36px 53.76px, 156.87px 54.82px, 157.33px 55.89px, 157.74px 56.98px, 158.11px 58.08px, 158.43px 59.19px, 158.72px 60.32px, 158.97px 61.45px, 159.18px 62.60px, 159.36px 63.75px, 159.52px 64.90px, 159.64px 66.05px, 159.74px 67.21px, 159.82px 68.36px, 159.87px 69.52px, 159.91px 70.67px, 159.94px 71.81px, 159.95px 72.94px, 159.96px 74.07px, 159.96px 74.07px, 159.96px 125.93px, 159.96px 125.93px, 159.96px 128.22px, 159.96px 130.39px, 159.96px 132.44px, 159.96px 134.39px, 159.95px 136.22px, 159.94px 137.96px, 159.92px 139.60px, 159.88px 141.14px, 159.83px 142.59px, 159.77px 143.95px, 159.69px 145.23px, 159.59px 146.43px, 159.46px 147.56px, 159.31px 148.61px, 159.14px 149.59px, 158.94px 150.51px, 158.70px 151.37px, 158.44px 152.18px, 158.14px 152.93px, 157.80px 153.63px, 157.42px 154.29px, 157.00px 154.91px, 156.54px 155.49px, 156.03px 156.03px, 155.49px 156.54px, 154.91px 157.00px, 154.29px 157.42px, 153.63px 157.80px, 152.93px 158.14px, 152.18px 158.44px, 151.37px 158.70px, 150.51px 158.94px, 149.59px 159.14px, 148.61px 159.31px, 147.56px 159.46px, 146.43px 159.59px, 145.23px 159.69px, 143.95px 159.77px, 142.59px 159.83px, 141.14px 159.88px, 139.60px 159.92px, 137.96px 159.94px, 136.22px 159.95px, 134.39px 159.96px, 132.44px 159.96px, 130.39px 159.96px, 128.22px 159.96px, 125.93px 159.96px, 125.93px 159.96px, 74.07px 159.96px, 74.07px 159.96px, 70.64px 159.96px, 67.48px 159.96px, 64.56px 159.97px, 61.89px 159.97px, 59.44px 159.98px, 57.21px 159.98px, 55.19px 159.99px, 53.36px 159.98px, 51.72px 159.97px, 50.24px 159.96px, 48.93px 159.94px, 47.77px 159.91px, 46.75px 159.87px, 45.85px 159.82px, 45.08px 159.76px, 44.40px 159.69px, 43.83px 159.60px, 43.33px 159.50px, 42.91px 159.38px, 42.55px 159.25px, 42.24px 159.09px, 41.96px 158.92px, 41.72px 158.73px, 41.49px 158.51px, 41.27px 158.28px, 41.08px 158.04px, 40.91px 157.76px, 40.75px 157.45px, 40.62px 157.09px, 40.50px 156.67px, 40.40px 156.17px, 40.31px 155.60px, 40.24px 154.92px, 40.18px 154.15px, 40.13px 153.25px, 40.09px 152.23px, 40.06px 151.07px, 40.04px 149.76px, 40.03px 148.28px, 40.02px 146.64px, 40.01px 144.81px, 40.02px 142.79px, 40.02px 140.56px, 40.03px 138.11px, 40.03px 135.44px, 40.04px 132.52px, 40.04px 129.36px, 40.04px 125.93px, 40.04px 125.93px, 40.03px 73.47px, 41.15px 69.15px, 42.87px 64.90px, 45.18px 61.01px, 47.78px 57.32px, 50.70px 53.89px, 53.89px 50.70px, 57.32px 47.78px, 61.01px 45.18px, 64.90px 42.87px, 69.15px 41.15px, 73.47px 40.03px)"></div>
<div class="layer" style="background:green;clip-path:polygon(125.00px 50.00px, 125.83px 50.00px, 126.66px 50.01px, 127.50px 50.03px, 128.34px 50.06px, 129.19px 50.10px, 130.04px 50.16px, 130.89px 50.23px, 131.74px 50.32px, 132.58px 50.44px, 133.43px 50.57px, 134.27px 50.73px, 135.10px 50.91px, 135.93px 51.12px, 136.75px 51.36px, 137.56px 51.63px, 138.36px 51.93px, 139.14px 52.27px, 139.92px 52.65px, 140.68px 53.06px, 141.43px 53.51px, 142.15px 54.01px, 142.86px 54.55px, 143.55px 55.14px, 144.23px 55.77px, 144.86px 56.45px, 145.45px 57.14px, 145.99px 57.85px, 146.49px 58.57px, 146.94px 59.32px, 147.35px 60.08px, 147.73px 60.86px, 148.07px 61.64px, 148.37px 62.44px, 148.64px 63.25px, 148.88px 64.07px, 149.09px 64.90px, 149.27px 65.73px, 149.43px 66.57px, 149.56px 67.42px, 149.68px 68.26px, 149.77px 69.11px, 149.84px 69.96px, 149.90px 70.81px, 149.94px 71.66px, 149.97px 72.50px, 149.99px 73.34px, 150.00px 74.17px, 150.00px 75.00px, 150.00px 125.00px, 150.00px 126.68px, 150.00px 128.27px, 150.00px 129.78px, 150.00px 131.21px, 150.00px 132.56px, 149.99px 133.84px, 149.97px 135.04px, 149.95px 136.17px, 149.91px 137.24px, 149.86px 138.24px, 149.80px 139.18px, 149.73px 140.06px, 149.64px 140.89px, 149.53px 141.66px, 149.40px 142.39px, 149.25px 143.06px, 149.08px 143.69px, 148.88px 144.28px, 148.66px 144.84px, 148.41px 145.35px, 148.14px 145.84px, 147.83px 146.29px, 147.49px 146.72px, 147.12px 147.12px, 146.72px 147.49px, 146.29px 147.83px, 145.84px 148.14px, 145.35px 148.41px, 144.84px 148.66px, 144.28px 148.88px, 143.69px 149.08px, 143.06px 149.25px, 142.39px 149.40px, 141.66px 149.53px, 140.89px 149.64px, 140.06px 149.73px, 139.18px 149.80px, 138.24px 149.86px, 137.24px 149.91px, 136.17px 149.95px, 135.04px 149.97px, 133.84px 149.99px, 132.56px 150.00px, 131.21px 150.00px, 129.78px 150.00px, 128.27px 150.00px, 126.68px 150.00px, 125.00px 150.00px, 75.00px 150.00px, 72.48px 150.00px, 70.16px 150.00px, 68.02px 150.01px, 66.05px 150.01px, 64.25px 150.02px, 62.62px 150.02px, 61.13px 150.02px, 59.79px 150.02px, 58.58px 150.01px, 57.50px 150.00px, 56.53px 149.99px, 55.68px 149.97px, 54.93px 149.94px, 54.27px 149.90px, 53.70px 149.86px, 53.20px 149.80px, 52.78px 149.74px, 52.42px 149.66px, 52.11px 149.58px, 51.84px 149.48px, 51.61px 149.37px, 51.41px 149.24px, 51.23px 149.10px, 51.06px 148.94px, 50.90px 148.77px, 50.76px 148.59px, 50.63px 148.39px, 50.52px 148.16px, 50.42px 147.89px, 50.34px 147.58px, 50.26px 147.22px, 50.20px 146.80px, 50.14px 146.30px, 50.10px 145.73px, 50.06px 145.07px, 50.03px 144.32px, 50.01px 143.47px, 50.00px 142.50px, 49.99px 141.42px, 49.98px 140.21px, 49.98px 138.87px, 49.98px 137.38px, 49.98px 135.75px, 49.99px 133.95px, 49.99px 131.98px, 50.00px 129.84px, 50.00px 127.52px, 50.00px 125.00px, 50.00px 75.00px, 50.01px 74.73px, 50.04px 74.42px, 50.10px 74.06px, 50.18px 73.65px, 50.29px 73.20px, 50.43px 72.71px, 50.60px 72.19px, 50.79px 71.62px, 51.02px 71.02px, 51.28px 70.39px, 51.58px 69.73px, 51.91px 69.04px, 52.28px 68.32px, 52.69px 67.58px, 53.13px 66.81px, 53.62px 66.02px, 54.15px 65.21px, 54.73px 64.39px, 55.35px 63.55px, 56.02px 62.69px, 56.73px 61.83px, 57.49px 60.95px, 58.31px 60.07px, 59.18px 59.18px, 60.07px 58.31px, 60.95px 57.49px, 61.83px 56.73px, 62.69px 56.02px, 63.55px 55.35px, 64.39px 54.73px, 65.21px 54.15px, 66.02px 53.62px, 66.81px 53.13px, 67.58px 52.69px, 68.32px 52.28px, 69.04px 51.91px, 69.73px 51.58px, 70.39px 51.28px, 71.02px 51.02px, 71.62px 50.79px, 72.19px 50.60px, 72.71px 50.43px, 73.20px 50.29px, 73.65px 50.18px, 74.06px 50.10px, 74.42px 50.04px, 74.73px 50.01px, 75.00px 50.00px)"></div>
</div>
<div class="cell">
<div class="layer" style="background:green;clip-path:polygon(125.00px 50.00px, 125.83px 50.00px, 126.66px 50.01px, 127.50px 50.03px, 128.34px 50.06px, 129.19px 50.10px, 130.04px 50.16px, 130.89px 50.23px, 131.74px 50.32px, 132.58px 50.44px, 133.43px 50.57px, 134.27px 50.73px, 135.10px 50.91px, 135.93px 51.12px, 136.75px 51.36px, 137.56px 51.63px, 138.36px 51.93px, 139.14px 52.27px, 139.92px 52.65px, 140.68px 53.06px, 141.43px 53.51px, 142.15px 54.01px, 142.86px 54.55px, 143.55px 55.14px, 144.23px 55.77px, 144.86px 56.45px, 145.45px 57.14px, 145.99px 57.85px, 146.49px 58.57px, 146.94px 59.32px, 147.35px 60.08px, 147.73px 60.86px, 148.07px 61.64px, 148.37px 62.44px, 148.64px 63.25px, 148.88px 64.07px, 149.09px 64.90px, 149.27px 65.73px, 149.43px 66.57px, 149.56px 67.42px, 149.68px 68.26px, 149.77px 69.11px, 149.84px 69.96px, 149.90px 70.81px, 149.94px 71.66px, 149.97px 72.50px, 149.99px 73.34px, 150.00px 74.17px, 150.00px 75.00px, 150.00px 125.00px, 150.00px 126.68px, 150.00px 128.27px, 150.00px 129.78px, 150.00px 131.21px, 150.00px 132.56px, 149.99px 133.84px, 149.97px 135.04px, 149.95px 136.17px, 149.91px 137.24px, 149.86px 138.24px, 149.80px 139.18px, 149.73px 140.06px, 149.64px 140.89px, 149.53px 141.66px, 149.40px 142.39px, 149.25px 143.06px, 149.08px 143.69px, 148.88px 144.28px, 148.66px 144.84px, 148.41px 145.35px, 148.14px 145.84px, 147.83px 146.29px, 147.49px 146.72px, 147.12px 147.12px, 146.72px 147.49px, 146.29px 147.83px, 145.84px 148.14px, 145.35px 148.41px, 144.84px 148.66px, 144.28px 148.88px, 143.69px 149.08px, 143.06px 149.25px, 142.39px 149.40px, 141.66px 149.53px, 140.89px 149.64px, 140.06px 149.73px, 139.18px 149.80px, 138.24px 149.86px, 137.24px 149.91px, 136.17px 149.95px, 135.04px 149.97px, 133.84px 149.99px, 132.56px 150.00px, 131.21px 150.00px, 129.78px 150.00px, 128.27px 150.00px, 126.68px 150.00px, 125.00px 150.00px, 75.00px 150.00px, 72.48px 150.00px, 70.16px 150.00px, 68.02px 150.01px, 66.05px 150.01px, 64.25px 150.02px, 62.62px 150.02px, 61.13px 150.02px, 59.79px 150.02px, 58.58px 150.01px, 57.50px 150.00px, 56.53px 149.99px, 55.68px 149.97px, 54.93px 149.94px, 54.27px 149.90px, 53.70px 149.86px, 53.20px 149.80px, 52.78px 149.74px, 52.42px 149.66px, 52.11px 149.58px, 51.84px 149.48px, 51.61px 149.37px, 51.41px 149.24px, 51.23px 149.10px, 51.06px 148.94px, 50.90px 148.77px, 50.76px 148.59px, 50.63px 148.39px, 50.52px 148.16px, 50.42px 147.89px, 50.34px 147.58px, 50.26px 147.22px, 50.20px 146.80px, 50.14px 146.30px, 50.10px 145.73px, 50.06px 145.07px, 50.03px 144.32px, 50.01px 143.47px, 50.00px 142.50px, 49.99px 141.42px, 49.98px 140.21px, 49.98px 138.87px, 49.98px 137.38px, 49.98px 135.75px, 49.99px 133.95px, 49.99px 131.98px, 50.00px 129.84px, 50.00px 127.52px, 50.00px 125.00px, 50.00px 75.00px, 50.01px 74.73px, 50.04px 74.42px, 50.10px 74.06px, 50.18px 73.65px, 50.29px 73.20px, 50.43px 72.71px, 50.60px 72.19px, 50.79px 71.62px, 51.02px 71.02px, 51.28px 70.39px, 51.58px 69.73px, 51.91px 69.04px, 52.28px 68.32px, 52.69px 67.58px, 53.13px 66.81px, 53.62px 66.02px, 54.15px 65.21px, 54.73px 64.39px, 55.35px 63.55px, 56.02px 62.69px, 56.73px 61.83px, 57.49px 60.95px, 58.31px 60.07px, 59.18px 59.18px, 60.07px 58.31px, 60.95px 57.49px, 61.83px 56.73px, 62.69px 56.02px, 63.55px 55.35px, 64.39px 54.73px, 65.21px 54.15px, 66.02px 53.62px, 66.81px 53.13px, 67.58px 52.69px, 68.32px 52.28px, 69.04px 51.91px, 69.73px 51.58px, 70.39px 51.28px, 71.02px 51.02px, 71.62px 50.79px, 72.19px 50.60px, 72.71px 50.43px, 73.20px 50.29px, 73.65px 50.18px, 74.06px 50.10px, 74.42px 50.04px, 74.73px 50.01px, 75.00px 50.00px)"></div>
<div class="clipbox" style="inset:4px"><div style="inset:-4px;background:orange;clip-path:polygon(74.63px 3.98px, 75.33px 3.98px, 76.05px 3.99px, 76.76px 4.01px, 77.49px 4.03px, 78.21px 4.07px, 78.94px 4.12px, 79.66px 4.18px, 80.39px 4.26px, 81.11px 4.36px, 81.84px 4.47px, 82.56px 4.60px, 83.27px 4.76px, 83.98px 4.94px, 84.68px 5.14px, 85.37px 5.38px, 86.06px 5.64px, 86.73px 5.93px, 87.39px 6.25px, 88.04px 6.60px, 88.68px 6.99px, 89.30px 7.41px, 89.91px 7.88px, 90.50px 8.38px, 91.08px 8.92px, 91.62px 9.50px, 92.12px 10.09px, 92.59px 10.70px, 93.01px 11.32px, 93.40px 11.96px, 93.75px 12.61px, 94.07px 13.27px, 94.36px 13.94px, 94.62px 14.63px, 94.86px 15.32px, 95.06px 16.02px, 95.24px 16.73px, 95.40px 17.44px, 95.53px 18.16px, 95.64px 18.89px, 95.74px 19.61px, 95.82px 20.34px, 95.88px 21.06px, 95.93px 21.79px, 95.97px 22.51px, 95.99px 23.24px, 96.01px 23.95px, 96.02px 24.67px, 96.02px 25.37px, 96.02px 74.63px, 96.02px 76.06px, 96.02px 77.43px, 96.02px 78.72px, 96.02px 79.94px, 96.02px 81.10px, 96.01px 82.19px, 95.99px 83.22px, 95.97px 84.18px, 95.94px 85.10px, 95.90px 85.95px, 95.85px 86.76px, 95.78px 87.51px, 95.71px 88.22px, 95.61px 88.88px, 95.50px 89.50px, 95.38px 90.08px, 95.23px 90.62px, 95.06px 91.13px, 94.87px 91.60px, 94.66px 92.04px, 94.42px 92.46px, 94.16px 92.84px, 93.87px 93.21px, 93.55px 93.55px, 93.21px 93.87px, 92.84px 94.16px, 92.46px 94.42px, 92.04px 94.66px, 91.60px 94.87px, 91.13px 95.06px, 90.62px 95.23px, 90.08px 95.38px, 89.50px 95.50px, 88.88px 95.61px, 88.22px 95.71px, 87.51px 95.78px, 86.76px 95.85px, 85.95px 95.90px, 85.10px 95.94px, 84.18px 95.97px, 83.22px 95.99px, 82.19px 96.01px, 81.10px 96.02px, 79.94px 96.02px, 78.72px 96.02px, 77.43px 96.02px, 76.06px 96.02px, 74.63px 96.02px, 25.37px 96.02px, 23.22px 96.02px, 21.23px 96.02px, 19.40px 96.02px, 17.72px 96.03px, 16.18px 96.03px, 14.78px 96.04px, 13.51px 96.04px, 12.36px 96.03px, 11.32px 96.03px, 10.40px 96.02px, 9.57px 96.01px, 8.84px 95.99px, 8.20px 95.96px, 7.64px 95.93px, 7.15px 95.90px, 6.72px 95.85px, 6.36px 95.79px, 6.05px 95.73px, 5.78px 95.66px, 5.56px 95.57px, 5.36px 95.47px, 5.19px 95.37px, 5.03px 95.25px, 4.89px 95.11px, 4.75px 94.97px, 4.63px 94.81px, 4.53px 94.64px, 4.43px 94.44px, 4.34px 94.22px, 4.27px 93.95px, 4.21px 93.64px, 4.15px 93.28px, 4.10px 92.85px, 4.07px 92.36px, 4.04px 91.80px, 4.01px 91.16px, 3.99px 90.43px, 3.98px 89.60px, 3.97px 88.68px, 3.97px 87.64px, 3.96px 86.49px, 3.96px 85.22px, 3.97px 83.82px, 3.97px 82.28px, 3.98px 80.60px, 3.98px 78.77px, 3.98px 76.78px, 3.98px 74.63px, 3.83px 26.17px, 3.84px 25.93px, 3.86px 25.65px, 3.92px 25.33px, 3.99px 24.96px, 4.09px 24.56px, 4.21px 24.13px, 4.36px 23.65px, 4.53px 23.15px, 4.74px 22.61px, 4.97px 22.05px, 5.24px 21.46px, 5.53px 20.84px, 5.86px 20.20px, 6.23px 19.53px, 6.63px 18.85px, 7.06px 18.14px, 7.54px 17.42px, 8.05px 16.68px, 8.61px 15.93px, 9.20px 15.17px, 9.84px 14.40px, 10.52px 13.61px, 11.25px 12.82px, 12.03px 12.03px, 12.82px 11.25px, 13.61px 10.52px, 14.40px 9.84px, 15.17px 9.20px, 15.93px 8.61px, 16.68px 8.05px, 17.42px 7.54px, 18.14px 7.06px, 18.85px 6.63px, 19.53px 6.23px, 20.20px 5.86px, 20.84px 5.53px, 21.46px 5.24px, 22.05px 4.97px, 22.61px 4.74px, 23.15px 4.53px, 23.65px 4.36px, 24.13px 4.21px, 24.56px 4.09px, 24.96px 3.99px, 25.33px 3.92px, 25.65px 3.86px, 25.93px 3.84px, 26.17px 3.83px)"></div></div>
<div class="clipbox" style="inset:10px"><div style="inset:-10px;background:green;clip-path:polygon(74.07px 9.96px, 74.59px 9.96px, 75.13px 9.96px, 75.66px 9.98px, 76.20px 10.00px, 76.74px 10.02px, 77.29px 10.06px, 77.83px 10.11px, 78.37px 10.16px, 78.91px 10.23px, 79.45px 10.32px, 79.99px 10.42px, 80.52px 10.54px, 81.05px 10.67px, 81.57px 10.82px, 82.09px 11.00px, 82.60px 11.19px, 83.11px 11.41px, 83.60px 11.65px, 84.09px 11.91px, 84.56px 12.20px, 85.03px 12.52px, 85.48px 12.87px, 85.92px 13.24px, 86.35px 13.65px, 86.76px 14.08px, 87.13px 14.52px, 87.48px 14.97px, 87.80px 15.44px, 88.09px 15.91px, 88.35px 16.40px, 88.59px 16.89px, 88.81px 17.40px, 89.00px 17.91px, 89.18px 18.43px, 89.33px 18.95px, 89.46px 19.48px, 89.58px 20.01px, 89.68px 20.55px, 89.77px 21.09px, 89.84px 21.63px, 89.89px 22.17px, 89.94px 22.71px, 89.98px 23.26px, 90.00px 23.80px, 90.02px 24.34px, 90.04px 24.87px, 90.04px 25.41px, 90.04px 25.93px, 90.04px 74.07px, 90.04px 75.14px, 90.05px 76.16px, 90.05px 77.12px, 90.05px 78.04px, 90.04px 78.90px, 90.04px 79.71px, 90.03px 80.48px, 90.01px 81.21px, 89.99px 81.89px, 89.96px 82.53px, 89.92px 83.13px, 89.87px 83.69px, 89.81px 84.22px, 89.74px 84.71px, 89.66px 85.18px, 89.56px 85.61px, 89.46px 86.01px, 89.33px 86.39px, 89.19px 86.74px, 89.03px 87.07px, 88.85px 87.38px, 88.66px 87.67px, 88.44px 87.94px, 88.20px 88.20px, 87.94px 88.44px, 87.67px 88.66px, 87.38px 88.85px, 87.07px 89.03px, 86.74px 89.19px, 86.39px 89.33px, 86.01px 89.46px, 85.61px 89.56px, 85.18px 89.66px, 84.71px 89.74px, 84.22px 89.81px, 83.69px 89.87px, 83.13px 89.92px, 82.53px 89.96px, 81.89px 89.99px, 81.21px 90.01px, 80.48px 90.03px, 79.71px 90.04px, 78.90px 90.04px, 78.04px 90.05px, 77.12px 90.05px, 76.16px 90.05px, 75.14px 90.04px, 74.07px 90.04px, 25.93px 90.04px, 24.33px 90.04px, 22.84px 90.05px, 21.47px 90.05px, 20.22px 90.05px, 19.07px 90.05px, 18.02px 90.06px, 17.07px 90.06px, 16.21px 90.06px, 15.44px 90.05px, 14.75px 90.05px, 14.13px 90.04px, 13.59px 90.02px, 13.11px 90.00px, 12.69px 89.98px, 12.32px 89.95px, 12.00px 89.92px, 11.73px 89.88px, 11.50px 89.83px, 11.30px 89.77px, 11.13px 89.71px, 10.99px 89.64px, 10.86px 89.56px, 10.74px 89.47px, 10.63px 89.37px, 10.53px 89.26px, 10.44px 89.14px, 10.36px 89.01px, 10.29px 88.87px, 10.23px 88.70px, 10.17px 88.50px, 10.12px 88.27px, 10.08px 88.00px, 10.05px 87.68px, 10.02px 87.31px, 10.00px 86.89px, 9.98px 86.41px, 9.96px 85.87px, 9.95px 85.25px, 9.95px 84.56px, 9.94px 83.79px, 9.94px 82.93px, 9.94px 81.98px, 9.95px 80.93px, 9.95px 79.78px, 9.95px 78.53px, 9.95px 77.16px, 9.96px 75.67px, 9.96px 74.07px, 9.56px 27.92px, 9.57px 27.73px, 9.60px 27.49px, 9.64px 27.23px, 9.70px 26.93px, 9.78px 26.60px, 9.88px 26.24px, 10.00px 25.86px, 10.14px 25.44px, 10.31px 25.00px, 10.50px 24.54px, 10.72px 24.05px, 10.97px 23.54px, 11.24px 23.02px, 11.54px 22.47px, 11.86px 21.91px, 12.22px 21.33px, 12.61px 20.74px, 13.04px 20.13px, 13.49px 19.51px, 13.98px 18.88px, 14.51px 18.25px, 15.07px 17.60px, 15.67px 16.96px, 16.30px 16.30px, 16.96px 15.67px, 17.60px 15.07px, 18.25px 14.51px, 18.88px 13.98px, 19.51px 13.49px, 20.13px 13.04px, 20.74px 12.61px, 21.33px 12.22px, 21.91px 11.86px, 22.47px 11.54px, 23.02px 11.24px, 23.54px 10.97px, 24.05px 10.72px, 24.54px 10.50px, 25.00px 10.31px, 25.44px 10.14px, 25.86px 10.00px, 26.24px 9.88px, 26.60px 9.78px, 26.93px 9.70px, 27.23px 9.64px, 27.49px 9.60px, 27.73px 9.57px, 27.92px 9.56px)"></div></div>
</div>
</div>
<div class="blink-mask" style="position:absolute;left:56.9px;top:28.0px;width:14px;height:14px;background:black"></div>
<div class="blink-mask" style="position:absolute;left:216.0px;top:20.0px;width:14px;height:14px;background:black"></div>
<div class="blink-mask" style="position:absolute;left:28.0px;top:56.9px;width:14px;height:14px;background:black"></div>
<div class="blink-mask" style="position:absolute;left:180.0px;top:56.0px;width:14px;height:14px;background:black"></div>
</body>