添加到百度首页
添加收藏 RSS 网站地图 旧版网站
  • 全部
  • 网页特效
  • 建站教程
  • 设计分享
当前位置:首页 > 网页特效 > 导航 | 菜单 >

CSS3制作酷炫淡雅风格导航菜单

时间:2015-03-06      来源:互联网     
特效说明:
一款CSS3制作酷炫淡雅风格导航菜单网页特效,鼠标滑过菜单项时还会有淡入淡出的颜色渐变效果。菜单的整体外观比较简单,边框呈现淡淡的阴影,因此让这款CSS3菜单变得有3D立体的效果。请用支持HTML5+CSS3主流浏览器预览效果。(兼容测试:FireFox、Chrome、Safari、Opera等支持HTML5/CSS3浏览器)
使用方法:
1、调用CSS样式:
<link rel="stylesheet" href="css/style.css" media="screen" type="text/css" />

2、添加HTML代码:
<!--效果html开始-->......<!--效果html结束-->之间的html和js代码;放在<body></body>之间。
相关特效
  • CSS3鼠标悬停图片动画显示简介特效

    CSS3鼠标悬停图片动画显示简介特效

    一款CSS3鼠标悬停图片动画显示简介特效下载,该CSS3特效基于transform、scale3d实现的鼠标滑过图片动画放大、渐变出现文字描述图文特效。……
    2016-05-22
  • CSS3响应式世界地图热点击动画显示详情

    CSS3响应式世界地图热点击动画显示详情

    一款纯CSS3实现世界地图热点击动画显示详情特效,点击标注点即可在页面上弹出一个文字提示框,用来说明该标注点在地图上的详细信息,如果你需要有一款带标注功能的地图应用,那么这款……
    2016-05-22
  • CSS鼠标悬停文字上下左右居中动画放大特效

    CSS鼠标悬停文字上下左右居中动画放大特效

    一款CSS鼠标悬停文字上下左右居中动画放大特效免费下载,该CSS3特效基于动画属性transtion、tranform等属性制作动画放大效果。……
    2016-05-22
  • 轻量级CSS3立体式3D旋转动画效果

    轻量级CSS3立体式3D旋转动画效果

    一款轻量级CSS3立体式3D旋转动画效果下载,非常简洁好看的纯CSS3旋转效果,当鼠标移动到图片上后,会立体式翻转显示隐藏的文字内容 鼠标移走后旋转返回初始状态。……
    2016-05-22
  • HTML5+svg手机图标菜单动画切换特效

    HTML5+svg手机图标菜单动画切换特效

    HTML5+svg手机图标菜单动画切换特效下载,该HTML5特效代码是一款适合移动端、手机端展开/收缩导航菜单特效。……
    2016-05-22
  • jQuery层叠展示导航菜单响应式网页框架

    jQuery层叠展示导航菜单响应式网页框架

    一款jQuery层叠展示导航菜单响应式网页框架下载,该网页框架源码是一款点击菜单按钮,各个子菜单会以卡片的形式堆叠排列在窗口中,点击相应的子菜单就会切换到相应的页面上。……
    2016-05-22
  • 纯CSS3鼠标滑过动画按钮特效

    纯CSS3鼠标滑过动画按钮特效

    一款纯CSS3鼠标滑过动画按钮特效下载,该CSS3特效代码是一款基于CSS3 transition属性实现的按钮动画特效,酷炫网页制作必备代码素材。……
    2016-05-22
  • 纯CSS3鼠标悬停图文动画显示特效

    纯CSS3鼠标悬停图文动画显示特效

    纯CSS3鼠标悬停图文动画显示网页特效免费下载,该CSS3特效是基于属性transition实现鼠标悬停在图片上动画显示文字描述CSS3特效代码。……
    2016-05-22
  • 纯CSS3制作优惠券线性UI效果

    纯CSS3制作优惠券线性UI效果

    一款纯CSS3制作优惠券线性UI网页特效,该HTML5+CSS3特效适合移动端、PC端优惠劵活动网页制作使用、不用图片也可以制作完美极致UI优惠劵效果。……
    2016-05-22
  • HTML5触屏滑动侧边栏导航菜单特效

    HTML5触屏滑动侧边栏导航菜单特效

    一款HTML5触屏滑动侧边栏导航菜单特效下载,该Bootstrap导航菜单特效是一款基于jquery+html5实现的兼容手机和PC端动画导航菜单插件,响应式网站建设必备代码素材。……
    2016-05-22



最新更新特效

设计分享