CSS Masking menyembunyikan atau memperlihatkan bagian-bagian elemen menggunakan lapisan gradien atau SVG mask.
CSS Masking
Contoh Kode CSS Masking:
<!DOCTYPE html>
<html>
<head>
<style>
.teks-gradien {
font-size: 32px;
font-weight: 800;
background: linear-gradient(to right, #0d2e5c, #fca311);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-family: sans-serif;
}
</style>
</head>
<body>
<h1 class="teks-gradien">Skillance Academy Modern</h1>
</body>
</html>
Uji dan amati bagaimana deklarasi CSS CSS Masking mengubah tampilan elemen di atas.