動畫jQuery和css滑塊按鈕

我試圖找出一種方法來做這個動畫http://tympanus.net/Tutorials/AnimatedButtons/index4.html 但只有在點擊箭頭才能展開。我在這裏搜索了一下，發現了一些接近它的方法，但是當我向它們添加樣式時，它似乎變得混亂了。任何指針都不錯，或者是如何實現的細分。動畫jQuery和css滑塊按鈕

來源

2013-04-07 Weird Mike

只有當你得到指針才能顯示你已經嘗試過的東西。在jsfiddle.net中創建一個演示。 SO旨在幫助您解決代碼中的問題。我們不知道您嘗試過什麼 – charlietfl 2013-04-07 11:32:01

如果你試圖將事件從mouseover/mouseenter在CSS
在這裏你去改變對click ,,

根據演示css文件 - Demo css所有你需要做的是改變
.a-btn:hover到.a-btn:active

來源

2013-04-07 11:54:20

所以我試圖達到我想要達到的最接近的目標。 [FIDDLE]（http://jsfiddle.net/SplendidAngst/hMcut/3/）我遇到的唯一的兩個問題是當按鈕關閉時可見的向左側溢出，並且按鈕處於打開狀態開始。 – 2013-04-07 23:09:17

進行了更新，以便內容文本不會觸發按鈕關閉。 [FIDDLE]（http://jsfiddle.net/SplendidAngst/hMcut/4/）這將是很酷，如果當擴展+變成一個 - – 2013-04-07 23:22:49

我做了你的CSS的一些變化檢查它並讓我知道，在這裏你去，[FIDDLE]（http://jsfiddle.net/asantarissy/CP6r4/1/） – 2013-04-08 06:17:13

動畫jQuery和css滑塊按鈕

回答

相關問題