:before İle Tanımlanan İcon İçin Değişim Animasyonu(süre) Nasıl Ayarlayabilirim?

23-11-2021, 03:57:18

Aşağıdaki gibi butona 2 icon tanımladım ancak JS ile sayfaya slide class'ı eklenince icon çat diye değişiyor. Geçiş için süre tanımlamak mümkün mü? Nasıl yapabilirim?

.menu-button:before {
    content: "\e87a";
}
.menu-toggled-slide .menu-button:before {
    content: "\f00d";
}

Not: JS ile o icon'a tıklanınca içon kapat icon'una dönüşüyor, tekrar tıklanınca eklenen class kalktığı için geri geliyor.

23-11-2021, 04:39:21

#2

T1mSaH

setTimeout fonksiyonu vardi JS'de sanirim soyle kullaniliyor jQuery ile. Mobildeyim bi deneyin calisacaktir.

<script>
setTimeout(function(){
$('.class').removeClass('.silinecekClass');
}, 3000); // 3 saniye
</script>

23-11-2021, 23:55:48

#3

SkyGhostAir

T1mSaH adlı üyeden alıntı: mesajı görüntüle

setTimeout fonksiyonu vardi JS'de sanirim soyle kullaniliyor jQuery ile. Mobildeyim bi deneyin calisacaktir.

<script>
setTimeout(function(){
$('.class').removeClass('.silinecekClass');
}, 3000); // 3 saniye
</script>

Yanlış anlatmışım sanırım hocam. Ben eklenen Class'ı JS ile kaldırmak değil de eklendikten sonra gelen yeni icon'a CSS ile geçiş ayarlamak istiyordum. CSS'de animation ve transition gibi şeyler varda bu kullanımda nasıl olacak bilmiyorum.