«css-transitions» etiketlenmiş sorular

Aşağıdaki keman, görünürlük ve opaklık konusunda ayrı ayrı bir geçiş yapıyorum. İkincisi işe yarıyor ama ilki çalışmıyor. Ayrıca, görünürlük durumunda, geçiş süresi, fareyle üzerine gelindiğinde gecikme olarak yorumlanır. Hem Chrome hem de Firefox'ta gerçekleşir. Bu bir hata mı? http://jsfiddle.net/0r218mdo/3/ Dava 1: #inner{ visibility:hidden; transition:visibility 1000ms; } #outer:hover #inner{ visibility:visible; } …

102 css  css-transitions 

CSS geçişi tamamlandığında bir bildirim (geri arama gibi) almak mümkün müdür?

100 javascript  css  css-transitions 

Saf CSS'de "karartma" efektini uygulamaya çalışıyorum. İşte keman . Çevrimiçi olarak birkaç çözüme baktım, ancak belgeleri çevrimiçi olarak okuduktan sonra , slayt animasyonunun neden çalışmadığını anlamaya çalışıyorum. Herhangi bir işaret var mı? .dummy-wrap { animation: slideup 2s; -moz-animation: slideup 2s; -webkit-animation: slideup 2s; -o-animation: slideup 2s; } .success-wrap { width: …

96 css  css-transitions 

Webkit'in geçiş bitiş olayına webkitTransitionEnd, Firefox geçişEnd, opera oTransitionEnd olarak adlandırılır. Bunların hepsini saf JS'de ele almanın iyi bir yolu nedir? Tarayıcı koklama yapmalı mıyım? veya her birini ayrı ayrı uygulayabilir misiniz? Aklıma gelmeyen başka bir yol? yani: //doing browser sniffing var transitionend = (isSafari) ? "webkitTransitionEnd" : (isFirefox) ? …

91 javascript  css  css-transitions  dom-events 

Ben bir geçişi kullanarak bir css3 deneyde 6000 küçük div öğelerini taşınacağım top: 0için top: 145pxtest performansı. Kullanılması hiçbir donanım hızlandırma Google Chrome'da düzgün çalışır. translateZ(0)Performans yoluyla donanım hızlandırmayı etkinleştirirsem korkunç olur. Neden böyle? İşte örnek kodum: http://dl.dropboxusercontent.com/u/17844821/tmp/hwtest.html Güncelleme (2014-11-13): Bu soru hala dikkatleri üzerine çektiğinden, söz konusu kekemelik modern …

82 css  css-transitions  hardware-acceleration 

Css3 geçiş özelliği için işleme hızı hakkında bir sorum var. Bir dizi öğem olduğunu varsayalım: div, span, a {transition: all} div {margin: 2px} span {opacity: .5} a:hover {background-position: left top} div:hover {margin: -100px} span:hover {opacity: 1} a:hover {background-position: -5px top} Tek bir bildirim kullanarak tüm bu öğeler için tüm geçişleri …

82 performance  css  css-transitions 

CSS dönüştürülmüş durumlar arasında geçiş yapmak için CSS geçişlerini kullanıyorum (temelde bir öğenin ölçeğini değiştiriyorum). Öğe geçiş yaparken, sayfadaki metnin geri kalanının (Webkit'te) geçiş tamamlanana kadar işlenmesini biraz değiştirmeye eğilimli olduğunu fark ettim. Fiddle: http://jsfiddle.net/russelluresti/UeNFK/ Bunun, başlıklarımda olmadığını da fark ettim. -webkit-font-smoothing: antialiased özellik / değer çifti bulunan . Merak …

81 css  webkit  css-transitions  css-transforms 

Seçilen bir div genişletmek ve diğer divs (kalan genişlik sabit olan ilk biri hariç) eşit olarak uzanan tarafından buna göre davranmasını sağlar bir komut dosyası (burada bir kullanıcı yardımıyla) kodladı. İşte elde etmek istediğim şeyin bir resmi: Bunun için esneklik ve geçişler kullanıyorum. İyi çalışır, ancak jQuery komut dosyası "% …

9 javascript  jquery  css  flexbox  css-transitions