插件简介
这次我们要带来一款也是基于CSS3的3D按钮,它有着复古的风格和字体。第一个按钮根据光标在悬停时的位置向左或向右倾斜,它的风格类似于老式游戏机按钮。这些按钮配置了sm,md,lg大小类以及bootstrap-esque类,如primary,secondary,dangerous,warning,success和info。第二个按钮是一个加载程序按钮,按下它时会有自己的进度条。它只会向中心推动,但随后向上打开,在它的正面显示一个进度条。根据操作的成功与否,它将在完成时显示具体信息。

插件预览

插件下载
在线演示链接:
https://www.html5tricks.com/demo/css3-3d-retro-button/index.html

插件下载链接:
https://www.html5tricks.com/download/css3-3d-retro-button.rar

解压密码:RJ4587

©著作权归作者所有:来自51CTO博客作者mb5ff5930cde1cd的原创作品,如需转载,请注明出处,否则将追究法律责任

更多相关文章

  1. CSS3 全屏大气手风琴图片展示插件
  2. 漂亮实用!一款基于Bootstrap的jQuery开关按钮组合
  3. jQuery幻灯片播放器插件 可自动播放图片
  4. Vue.js流程图插件 可自定义流程节点事件
  5. 经典jQuery多过渡动画焦点图插件
  6. 11个顶级 JavaScript 日历插件[每日前端夜话0x9A]
  7. 阿里云也有 IDEA 插件 Cloud Toolkit
  8. 牛逼 IDE 插件,一键部署 Docker 镜像,开发部署提速 8 倍
  9. 从一份定义文件详解ELK中Logstash插件结构

随机推荐

  1. android parcelable 详细介绍
  2. Android 高德地图 Native method not fou
  3. Android Material Design: NavigationVie
  4. android UI小结(二)
  5. AIDL——Android接口描述语言
  6. anroid的RelativeLayout的一些xml配置
  7. 【Android】Android 广播大全
  8. Android程序开发中关于设置全屏无效问题
  9. android去除ImageButton白色边框
  10. Android API中文文档系列Manifest