clip path bg

zumerlab · Apr 12, 2023 · bebe23c · bebe23c
1 parent 0558485
commit bebe23c
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/_core-elements.scss b/src/_core-elements.scss
@@ -84,11 +84,16 @@ div[class^="ring-"] {
     grid-area: 1/1/1/1;
     @include alignment;
 }
-.surface::before {
-
+.surface:before {
+    content: '';
+    position: absolute;
     width: 200px;
     height: 200px;
     background-color: green;
+    clip-path: path('M140 20C73 20 20 74 20 140c0 135 136 170 228 303 88-132 229-173 229-303 0-66-54-120-120-120-48 0-90 28-109 69-19-41-60-69-108-69z');
+}
+.surface:hover {
+    background-color: red;
 }
 @each $size,
 $var in $sizes {