Efek fading mengubah nilai opasitas secara bertahap untuk menghasilkan transisi visual yang anggun dan elegan.
jQuery Fade
Contoh Kode jQuery jQuery Fade:
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
</head>
<body style="font-family: sans-serif; padding: 20px;">
<button id="btnFade" style="padding:8px 16px; cursor:pointer;">Fade Out Box</button>
<div id="kotakFade" style="width:120px; height:120px; background:#fca311; margin-top:15px; border-radius:8px;"></div>
<script>
$('#btnFade').click(function() {
$('#kotakFade').fadeToggle('slow');
});
</script>
</body>
</html>
Uji interaksi jQuery di atas dan amati animasi efek DOM secara langsung.