Hocalarım şunuda biliyorsanız yardımcı olur musunuz ?
Şimdi ben buttona tıkladığım zaman active ile arka planını green verdim, ama sorun şu ki tıkladığım zaman çok hızlı değişiyor arka plan neredeyse 0.1sn de oluyor
bunu yavaşlatmak için transition kullandım, araştırma yaptım yok bi türlü beceremedim. Böyle bir özellik falan varsa nasıl kullanabiliriz ? yada js falan mı bilmek gerekiyor bunu yapmak için.
Anlatamadıysam ufak bir video yükleyebilirim buraya.
Muhtemelen yanlış ama
Kodlar şöyle:
button:active{
background-color: green;
transition-property: color;
transition-duration: 2s;
transition-delay: 2s;
transition: ease-in-out;
}
Kusura bakma 6 ay geçmiş üstünden bu soruyu yeni fark ediyorum, sonradan bakacak arkadaşlara da yardımcı olabilir diyerek yine de cevabı vermek isterim.
transition-property; hangi özelliğe transition uygulanacağını ifade eder. Varsayılan da all yani tüm özellikler için çalışır. Burada da bu özelliği hiç vermeyerek, bu özelliğe all değeri vererek ya da yukarıdaki transition-* şeklinde devam eden özellikleri silip tek satırda aşağıdaki gibi düzenleyerek sorunu çözebilirsin. Verdiğin kodda sadece color için çalışsın deyip background-color için çalışmasını bekliyorsun kısaca.
button:active{
background-color: green;
transition: all 2s ease-in-out 2s;
} 