插件简介
这是一款基于SVG和CSS3的动画Tab菜单插件,菜单图标使用SVG绘制而成,菜单切换时还会产生不错的动画效果。菜单项小图标使用svg的好处,不仅在于灵活绘制,更方便制作菜单项切换时图标的动画特效。另外,Tab菜单项切换时,还同时会渐变地更新页面的背景颜色,当然如果你觉得太花里胡哨不需要这个效果,可以自行修改js代码取消背景颜色的渐变切换

插件预览

插件下载
在线演示链接:
https://www.html5tricks.com/demo/svg-animated-tab-menu/index.html

插件下载链接:
https://www.html5tricks.com/download/svg-animated-tab-menu.rar

解压密码:RJ4587

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

更多相关文章

  1. Vue.js实现的3D Tab菜单
  2. 经典jQuery多过渡动画焦点图插件
  3. 11个顶级 JavaScript 日历插件[每日前端夜话0x9A]
  4. 阿里云也有 IDEA 插件 Cloud Toolkit
  5. 牛逼 IDE 插件,一键部署 Docker 镜像,开发部署提速 8 倍
  6. 从一份定义文件详解ELK中Logstash插件结构
  7. 【第475期】这些chrome插件你有吗?
  8. jQuery五彩火焰背景的3D进度条插件
  9. Bong!5 款超牛逼的 Jupyter Notebook 插件!

随机推荐

  1. GraphObject继承的类包括:Shape、TextBlo
  2. 从零单排学Redis【黄金】
  3. Linux定时任务邮件信息占盘磁盘
  4. 给女朋友讲解什么是Optional【JDK 8特性
  5. android Android签名证书的sha1值报错 :不
  6. IDA调试修改内存数据
  7. 为什么需要Docker?
  8. 面试前必须要知道的Redis面试题
  9. 策略模式原来就这么简单!
  10. Docker入门为什么可以这么简单?