From 3a4e8a271c57cdfb4678df1ec81a3652c41b04ec Mon Sep 17 00:00:00 2001 From: tuxarmy Date: Fri, 3 Apr 2026 05:57:32 +0700 Subject: [PATCH] feat: tambah efek batas section miring dengan clip-path --- resources/views/public/home.blade.php | 6 +++--- resources/views/public/layout.blade.php | 3 +++ 2 files changed, 6 insertions(+), 3 deletions(-) diff --git a/resources/views/public/home.blade.php b/resources/views/public/home.blade.php index b9a893c..2102bb6 100644 --- a/resources/views/public/home.blade.php +++ b/resources/views/public/home.blade.php @@ -46,8 +46,8 @@ {{-- Stats --}} -
-
+
+
{{ $totalAnggota }}
Anggota Aktif
@@ -84,7 +84,7 @@
{{-- CTA --}} -
+

diff --git a/resources/views/public/layout.blade.php b/resources/views/public/layout.blade.php index 3ad1cdd..09b4d4d 100644 --- a/resources/views/public/layout.blade.php +++ b/resources/views/public/layout.blade.php @@ -10,6 +10,9 @@ .line-clamp-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .prose p { margin-bottom: 1rem; } + .skew-top { clip-path: polygon(0 4%, 100% 0, 100% 100%, 0 100%); margin-top: -2rem; padding-top: 5rem; } + .skew-bottom { clip-path: polygon(0 0, 100% 0, 100% 96%, 0 100%); padding-bottom: 5rem; } + .skew-both { clip-path: polygon(0 4%, 100% 0, 100% 96%, 0 100%); margin-top: -2rem; padding-top: 5rem; padding-bottom: 5rem; }