css3过渡动画全屏导航菜单网页ui设计

所属分类:其他-动画效果

 32023  385  查看评论 (1)
分享到微信朋友圈
X
css3过渡动画全屏导航菜单网页ui设计 ie兼容10

一款效果非常炫酷的带炫酷CSS3过渡动画的全屏导航菜单网页UI设计效果。该导航菜单使用CSS3和少量的jQuery来制作,当用户点击左上角的汉堡包按钮时,全屏菜单将从屏幕上方滑动显示出来。

该全屏菜单使用jQuery来处理汉堡包按钮被鼠标点击或移动触摸时的事件。

$(window).load(function () {
	    $('.btn-nav').on('click tap', function () {
	        $('.nav-content').toggleClass('showNav hideNav').removeClass('hidden');
	        $(this).toggleClass('animated');
	    });
});


相关插件-动画效果

点击效果Google Design 谷歌的设计团队

效果是 Google Design 也就是谷歌的设计团队博客用到了这个效果 , 当时的第一感觉就是 擦 ,google就是牛逼, 一个按钮点击也要酷到不要不要的了
  动画效果
 39186  500

css3实现鲨鱼游动(酷)

css3实现鲨鱼游动,效果非常酷哦。
  动画效果
 38800  414

纯JS数字滚动效果(原创)

纯JS数字滚动效果,兼容IE9+、但不兼容水晶字体,需要谷歌浏览器支持
  动画效果
 39938  301

CSS3模仿四季交替动画

HTML5 CSS3卡通风格一年四季交替动画特效
  动画效果
 32604  442

讨论这个项目(1)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    自然醒的醒醒 0
    2017/1/13 17:01:45

    效果不过 稍微修改下就可以做弹出框登录框之类的 赞一个 唯一的缺点貌似手机端显示稍微有点问题 应该是某个样式的问题

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复