Opaklığı ve transformu değiştirecek jQuery kodu

kraljmehmet · 10 Haziran 2018

JavaScript:

    $(function(){
        $(".popup__close-button").click(function(){
            $(".popup").css({
                opacity : "0",
                transform : "scale(.5,.5)"
            }, function(){
                $(".popup").css("display", "none");
            });
        });
    });

Böyle bir kod yazdım.
İlk önce butona tıklayınca opaklığı ve transformu değişecek. Onlar değiştikten sonra display none özelliğini verecek. Böyle denedim ama olmadı. Nerede hata yapıyorum?

Marigold · 11 Haziran 2018

kraljmehmet dedi:
Gecikme olmasını istiyordum hocam.
Fakat, başka bir yöntem ile çözdüm, ne kadar sağlıklı olmasa da.

Doğru olanı aşağıdaki gibidir. Yardımcı olabildiysem ne mutlu bana

JavaScript:

$(".Popup").delay(3000).queue(function(){
            $(this).css("display", "none");
        })

Marigold · 12 Haziran 2018

kraljmehmet dedi:
Teşekkürler hocam, bu opacity ve transform CSS'lerini de delaydan önce mi koyacağım?

Evet, aynen öyle yapacaksınız

Opaklığı ve transformu değiştirecek jQuery kodu

Ayrıntılı düzenleme

kraljmehmet

Hectopat

Marigold

Marigold

Ziyaretçi

Benzer konular