webkit geçiş yüksekliği?

Question

Sen/büyümek küçültmek için kutuyu neden farklı uzunluk içeriğini gösterir çeşitli düğmeler tıklayabilirsiniz aşağıdaki jsFiddle

http://jsfiddle.net/SgyEW/10/

bakınız.

-webkit-transition: all 1s linear; 

Ama bu kullanım durumunda herhangi bir etkisi yoktur:

yüzden bu kadar ürkek değil yükseklik değişimi canlandırılacak istiyorum, ekleyerek bu çalıştı. JavaScript gerektirmeyen bir çözüm açısından herhangi bir fikir?

Teşekkür

Answer 1

bazı JavaScript yardımı olmadan CSS3 geçişleri ile yüksekliğini canlandırma yolu yoktur korkuyorum göz atın:

How can I transition height: 0; to height: auto; using CSS?

Can you use CSS3 to transition from height:0 to the variable height of content?

Ayrıca, kod gider Ekranda: Yok Ekranda: Blok, herhangi bir durumda yükseklik üzerinde bir etkisi olmazdı. Göstermek yerine yükseklik kullanmayın: taşma ile 0: gizli;