cara memunculkan div secara smooth saat success

aku punya skript kayak gini,,,

$(document).ready(function() {

    $("#baris").keyup(function() {
        var baris = $('#baris').val();
        $.ajax({
            type: "POST",
            url: "update_kolom.php",
            data: "baris=" + baris,

            success: function(data) {
                window.setTimeout(function() {
                    $("#SuksesEdit<?php echo $urut; ?>").load('modul/e_bud/sukses_edit.php').fadeTo(6000, 0);
                }, 200);
            }

        });
    });
});

hasilnya, saat data berhasil terinput,, suksesedit bakal muncul setelah 0.2 detik dan menghilang perlahan 6 detik

aku mau tanya,,

bisakah di buat munculnya lebih smooth ?

avatar yukari06
@yukari06

137 Kontribusi 66 Poin

Diperbarui 2 tahun yang lalu

Tanggapan

definisi lebih smoothnya?

munculnya pelan2,,, dari opaciti 0 ke 100,,, mungkin dibuat 1 detik,,, muncul perlahan

1 Jawaban:

Jawaban Terpilih

<div>Ini adalah tugas CSS, karena itu bikin kelas di CSS.&nbsp;<br>misalnya&nbsp;</div><pre>.is-transparent{ opacity: 0; transition: opacity 5s;
} .is-not-transparent{ opacity:1; } </pre><div><br>Nanti via javascript mainkan nama kelasnya dengan <br><a href="https://www.w3schools.com/howto/howto_js_toggle_class.asp">toggle class </a><br><br><br></div>

avatar hilmanski
@hilmanski

2670 Kontribusi 2132 Poin

Dipost 2 tahun yang lalu

Tanggapan

oh,,, okey,,, ngerti sekarang,,, tyty

Login untuk ikut Jawaban