support webkit css rules

stefkn · Aug 2, 2024 · 35ce84a · 35ce84a
1 parent f0494d1
commit 35ce84a
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -189,11 +189,13 @@ const allPosts = await getCollection("posts");
 	}
 	.shaped {
 		clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 39% 0%);
+		-webkit-clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 39% 0%);
 		backdrop-filter: blur(4.2px);
 		border-radius: 12px;
 
 		@media (max-width: 700px) {
 			clip-path: polygon(0% 0%, 0% 100%, 170% 180%, 59% 0%);
+			-webkit-clip-path: polygon(0% 0%, 0% 100%, 170% 180%, 59% 0%);
 		}
 	}
 	.shape {
@@ -202,10 +204,12 @@ const allPosts = await getCollection("posts");
 		height: 22rem;
 		position: relative;
 		clip-path: polygon(100% 0%, 100% 100%, 100% 100%, 0% 0%);
+		-webkit-clip-path: polygon(100% 0%, 100% 100%, 100% 100%, 0% 0%);
 		shape-outside: polygon(100% 0%, 100% 100%, 100% 100%, -20% 0%);
 
 		@media (max-width: 700px) {
 			clip-path: polygon(40% 0%, 40% 0%, 100% 100%, 100% 0%);
+			-webkit-clip-path: polygon(40% 0%, 40% 0%, 100% 100%, 100% 0%);
 			shape-outside: polygon(40% 0%, 40% 0%, 100% 100%, 100% 0%);
 		}
 	}