Kayıtlar

transition-duration etiketine sahip yayınlar gösteriliyor

JavaScript CSS transition-duration Örnek

javascript css3 transition-duration özelliği örnek uygulama Öncelikle kutunun üzerine fareyle geliniz ! Anismasyon 6 saniye sürecektir. Şimdi ise aşağıdaki tuşa basınız ve tekrar kutunun üzerine fareyle gelin. Javascript ile transition-duration özelliğine "2s" değeri verildiğindeki etkisini görmek için aşağıdaki çalıştır tuşuna basınız ! function fonk() { document.getElementById("anakutu").style.transitionDuration = "2s"; document.getElementById("anakutu").style.WebkitTransitionDuration = "2s"; } Çalıştır JavaScript css transition-duration © htmlvecssegitimi.blogspot.com

CSS3 transition-duration Örnek

htmlvecssegitimi.blogspot.com Kodu Çalıştır butonuna tıklayarak HTML belgesini Sonuç Ekranı 'nda görüntüleyebilirsiniz. KODU ÇALIŞTIR SAYFAYI TEMİZLE SAYFAYI YENİLE KAYNAK KODLARI SONUÇ EKRANI <!DOCTYPE HTML><html lang="en-US"><head> <meta charset="UTF-8"> <title>css transition-duration özelliği ve örnek uygulama</title> <style> div { width: 90px; height: 90px; background: yellow; border:1px solid black; -webkit-transition-property: width; -webkit-transition-duration: 10s; transition-property: height; transition-duration: 10s; } div:hover { height: 360px; } </style></head><body> <b>transition-duration geçiş efektinin süresini tanımlar</b><h3>fareyi aşağıdaki sarı kutunun üzerine