從顯示塊動畫顯示內嵌

是否有可能使用jquery或jquery ui動畫從顯示塊的無序列表內聯顯示。那麼列表會順利轉換爲內聯？從顯示塊動畫顯示內嵌

來源

2011-08-30 AlexMorley-Finch

是的，這是可能的。不，沒有一個很好的，簡單的內置方式。 –

@Matt Ball你應該讓它成爲一個答案':)）' – Rafay

這種對animate（）的調用是有效的。但是，我們預計哪些結果可能？「top」動畫從0到1000的100個步驟每增加10個步驟。塊和內聯之間的「steps」/「slices」是什麼？

來源

2011-08-30 14:00:32 HBublitz

我不知道，我只是想知道如果有一個簡單的方法...顯然不是，ima必須坐在這裏，現在定位一團糟=// –

很抱歉......但我很想看看結果。非常鼓舞人心的想法。 – HBublitz

如果我想出了一個方法，這將在許多情況下工作，我會發布答案:) –

是的，這是可能的。不，沒有一個很好的，簡單的內置方式。

來源

2011-08-30 14:53:09

我認爲寫一個這樣做的通用動畫是相對困難的。根據瀏覽器的不同，一些不同的CSS屬性可能會根據'display'變化，例如'top'，'left'，'height'，'width'等。 –

我知道這是一個非常古老的問題，但對於正在查看此線程的人員，您現在可以向塊屬性添加自定義動畫。

.subnav-is-opened .main-nav__secondary-nav { 
    display: block; 
    -webkit-animation: showNav 250ms ease-in-out both; 
    -animation: showNav 250ms ease-in-out both; 
} 

/* Chrome, Safari, Opera */ 
@-webkit-keyframes myfirst { 
    from {opacity: 0;} 
    to {opacity: 1;} 
}

演示 - https://developers.google.com/web/fundamentals/

來源

2014-07-29 20:52:48

從顯示塊動畫顯示內嵌

回答

相關問題