按下Bootstrap 3按钮的按钮效果

时间:2014-02-04 05:50:27

标签: html css twitter-bootstrap-3 css-position

我在这里http://bootply.com/110656

创建了bootply演示

我想像http://tympanus.net/codrops/2013/06/13/creative-button-styles/上的教程一样创建按下的按钮效果。但不知何故,压制效果不起作用。只有投影移动,而不是按钮。

我多次与topbox-shadow玩过,但仍然无法正常工作,我在这里缺少什么?

1 个答案:

答案 0 :(得分:2)

请注意,topleftrightbottom css属性适用于absoluterelative或{ {1}}定位元素。单击或按下的事件称为fixed伪css类。在您的情况下,您必须使用以下样式。

:active

请检查这个bootply示例:http://bootply.com/110673