«css-transitions» etiketlenmiş sorular

<ul>CSS geçişlerini kullanarak bir slayt aşağı yapmaya çalışıyorum . <ul>En başlıyor height: 0;. Fareyle üzerine gelindiğinde yükseklik olarak ayarlanır height:auto;. Ancak bu, geçiş değil , görünmesine neden oluyor , Eğer 'den' height: 40px;e doğru yaparsam height: auto;, o zaman yukarı kayar height: 0;ve sonra aniden doğru yüksekliğe atlar. JavaScript kullanmadan …

2134 css  css-transitions 

Şu anda bir CSS 'mega açılır' menüsü tasarlıyorum - temelde düzenli bir CSS sadece açılır menü, ancak farklı içerik türleri içeren bir menü. Şu anda, CSS 3 geçişlerinin 'display' özelliği için geçerli olmadığı anlaşılıyor , yani display: noneile display: block(veya herhangi bir kombinasyon) arasında herhangi bir geçiş yapamazsınız . Yukarıdaki …

1446 css  css-transitions 

Birden çok özellik ile CSS geçiş kısayol için doğru sözdizimini bulamıyorum . Bu hiçbir şey yapmaz: .element { -webkit-transition: height .5s, opacity .5s .5s; -moz-transition: height .5s, opacity .5s .5s; -ms-transition: height .5s, opacity .5s .5s; transition: height .5s, opacity .5s .5s; height: 0; opacity: 0; overflow: 0; } .element.show …

519 css  webkit  css-transitions  shorthand 

CSS geçişleri, bir metin paragrafının sayfa yüklenirken solmasına izin vermek için kullanılabilir mi? Http://dotmailapp.com/ adresinde nasıl göründüğünü çok seviyorum seviyorum ve CSS kullanarak benzer bir efekt kullanmak . Alan adı o zamandan beri satın alındı ​​ve artık söz konusu etkiye sahip değil. Arşivlenmiş bir kopya Wayback Machine'de görüntülenebilir . örnekleme …

442 css  css-transitions  opacity 

Bu oldukça basit bir soru ama CSS geçiş özellikleri hakkında çok iyi belgeler bulamıyorum. İşte CSS snippet'i: .nav a { text-transform:uppercase; text-decoration:none; color:#d3d3d3; line-height:1.5 em; font-size:.8em; display:block; text-align:center; text-shadow: 0 -1.5em 0 rgba(255, 255, 255, 0.15); -webkit-transition: color .2s linear; -moz-transition: color .2s linear; -o-transition: color .2s linear; transition: color …

327 animation  css  css-transitions 

Fareyle üzerine gelindiğinde, küçük resim üzerinde fareyle geçiş yapmaya çalışıyorum, böylece fareyle üzerine gelindiğinde arka plan gradyanı kaybolur. Geçiş çalışmıyor, ancak yalnızca bir rgba() değere iyi çalışıyor. Degradeler desteklenmiyor mu? Ben de bir görüntü kullanmayı denedim, bu görüntü de geçiş olmaz. Başka bir gönderide olduğu gibi, bunun mümkün olduğunu biliyorum, …

215 css  gradient  css-transitions 

Javascript kullanmadan sayfa yüklemesinde CSS3 geçiş animasyonu kullanılabilir mi? Bu benim istediğim, ama sayfa yük: http://rilwis.googlecode.com/svn/trunk/demo/image-slider.html Şimdiye kadar bulduğum şey CSS3 geçiş gecikmesi , elemanlar üzerindeki etkileri geciktirmenin bir yolu. Sadece fareyle üzerine gelindiğinde çalışır. CSS3 Keyframe , yük üzerinde çalışıyor ancak aşırı yavaş. Bu yüzden faydalı değil. CSS3 geçişi …

196 css  webkit  css-transitions  css-animations 

Bir css3 geçişinin başlayıp başlamadığını kontrol etmek için bir eleman tarafından tetiklenen herhangi bir olay var mı?

190 javascript  events  css  transition  css-transitions 

Sadece CSS ile bir slayt geçişi oluşturmak için çapraz tarayıcı çözümü var mı, javascript yok? Aşağıda html içeriğine bir örnek verilmiştir: <div> <img id="slide" src="http://.../img.jpg /> </div>

178 css  css-transitions 

Bu yüzden, hem CSS3 geçişlerini hem de animasyonları nasıl yapacağımı anlıyorum. Açık olmayan ve googled olan, ne zaman kullanılacağıdır. Örneğin, bir top zıplatma yapmak istersem, animasyonun gitmenin yolu olduğu açıktır. Anahtar kareleri sağlayabilirim ve tarayıcı ara kareleri yapabilirdi ve güzel bir animasyon olacak. Bununla birlikte, bahsedilen etkinin her iki şekilde …

157 css  css-transitions  css-animations 

CSS geçişini kullanarak "belirme karartma" efekti yapmaya çalışıyorum. Ama bunu arka plan resmiyle çalıştıramıyorum ... CSS: .title a { display: block; width: 340px; height: 338px; color: black; background: transparent; /* TRANSITION */ -webkit-transition: background 1s; -moz-transition: background 1s; -o-transition: background 1s; transition: background 1s; } .title a:hover { background: transparent; …

122 css  background  background-image  css-transitions 

Bu yüzden a öğesine ekli aşağıdaki css geçişlerine sahibim: a { -webkit-transition:color 0.1s ease-in, background-color 0.1s ease-in ; -moz-transition:color 0.1s ease-in, background-color 0.1s ease-in; -o-transition:color 0.1s ease-in, background-color 0.1s ease-in; transition:color 0.1s ease-in, background-color 0.1s ease-in; } Belirli bir öğede bu devralınan geçişleri devre dışı bırakmanın bir yolu var mı? …

117 css  transitions  css-transitions 

.item:hover { zoom: 1; filter: alpha(opacity=50); opacity: 0.5; -webkit-transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -ms-transition: opacity .15s ease-in-out; -o-transition: opacity .15s ease-in-out; transition: opacity .15s ease-in-out; } Bu neden yalnızca üzerine geldiğimde opaklığı canlandırırken, nesneyi fareyle bıraktığımda neden olmuyor? Demo burada: http://jsfiddle.net/7uR8z/ ​

115 css  css-transitions 

CSS3 geçişleri arasındaki fark nedir ease-in, ease-outvb?

113 css  css-transitions 

Arka plan konumu dışındaki tüm özelliklere bir CSS geçişi uygulamak istiyorum. Bunu şu şekilde yapmaya çalıştım: .csstransitions a { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .csstransitions a { -webkit-transition: background-position 0s ease 0s; -moz-transition: background-position …

109 css  css-transitions