动画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滑块按钮

回答

相关问题