css实现按钮点击效果(超简单)
2017-06-09 16:12
423 查看
在html中设置class:
<button class="button1">click</button>
css中如下所示:
.button1{
position: relative; /** 相对布局 **/
}
.button1:active{
top: 2px; /**向下偏移2px **/
}
相关文章推荐
- 使用CSS实现按钮点击波纹效果
- css美化number类型输入框美化实现自定义+、-号点击按钮增减效果
- 使用CSS实现按钮点击波纹效果
- 用CSS实现的一张图完成的按钮效果
- Java实现按钮隐藏点击动态效果的另类方法
- Android按钮点击效果的实现(selector)
- Android_UI_点击按钮切换背景效果实现
- 利用CSS实现按钮效果(无图片)
- 实现点击ComboBox(DBComboBox)按钮下拉出现TreeView效果
- 用js实现简单的点击返回顶部效果
- jquery+css实现简单的窥镜效果
- Axure例——实现点击按钮增减效果
- 按回车实现点击某按钮的效果 http://blog.csdn.net/jjzaihaozhe/archive/2007/08/18/1749635.aspx
- 用CSS实现的一张图完成的按钮效果
- Android中图片实现按钮点击效果
- 用CSS实现的一张图完成的按钮效果
- 用CSS实现的一张图完成的按钮效果
- 点击按钮实现遮罩效果
- css实现简单圆角效果
- 代码实现Selector按钮点击效果