feat: tambah efek batas section miring dengan clip-path

This commit is contained in:
2026-04-03 05:57:32 +07:00
parent 61ff827ca0
commit 3a4e8a271c
2 changed files with 6 additions and 3 deletions
+3
View File
@@ -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; }
</style>
</head>
<body class="bg-white text-gray-900 font-sans antialiased">