使用CSS3制作立体效果的导航菜单

【使用CSS3制作立体效果的导航菜单】的更多相关文章

使用CSS3制作立体效果的导航菜单

效果如下: 也可以点击网址查看效果:http://keleyi.com/keleyi/phtml/html5/12.htm 请使用支持CSS3的浏览器访问本页面,获得更好效果. 源代码: <style> .keleyi-com-nav{ width:520px; height: 50px; font:bold 0/50px Arial; text-align:center; margin:40px auto 0; border-radius: 8px; } .keleyi-com-nav a{…

学习使用 CSS3 制作网站面包屑导航效果

作为最重要的导航展示形式之一,面包屑导航能够让用户更清楚的知道他们所在页面的层次结构,让他们可以方便的导航到上一层页面.在本教程中,您将学习如何使用 CSS3 技术创建自己的面包屑导航效果. 效果演示插件下载详细教程 HTML示例代码: <ul id="breadcrumbs-one"> <li><a href="">Lorem ipsum</a></li> <li><…

基于CSS3制作的鼠标悬停动画菜单

之前分享了好多款css3实现的鼠标悬停效果.今天再给大家带来一款基于CSS3制作的鼠标悬停动画菜单.这款菜单适用浏览器:360.FireFox.Chrome.Safari.Opera.傲游.搜狗.世界之窗. 不支持IE8及以下浏览器.效果图如下: 在线预览源码下载实现的代码. html代码: <div class="page"> <section class="demo"> <nav class="nav"&…

用CSS3制作很特别的波浪形菜单

原文:用CSS3制作很特别的波浪形菜单网页菜单我们见过很多,各种炫酷的.实用的菜单比比皆是.昨天我看到一款很特别的CSS3菜单,它的外形是波浪形的,弯弯曲曲,结合背景,看上去还挺不错的,下面看下一效果图. 我想说可能菜单并不是很实用,但是很有创意,而且也方便我们学习CSS3. 当然,你可以到这里查看DEMO演示. 接下来我们来对这款波浪形菜单的源代码简单分析一下. HTML代码的结构非常简单: <nav class='b-nav'> <ul class='b-menu'> <…

WPF中制作立体效果的文字或LOGO图形

原文:WPF中制作立体效果的文字或LOGO图形较久之前,我曾写过一篇:"WPF绘制党徽(立体效果,Cool) "的博文.有感兴趣的朋友来EMAIL问是怎么制作的?本文解决此类问题.有时,为了美观的需要,我们可能需要在应用程序中制作一些看上去很酷的3D效果,比如下面的效果:这是一种立体的纯文字效果,或许你可以在网上找到相关工具自动生成图片,但如果是需要生成矢量的XAML图形文件,这样的工具少之又少.关于3D文字的问题,你可以参见大名鼎鼎的Charles Petzold在MSDN上的两篇…

Android 抽屉效果的导航菜单实现

Android 抽屉效果的导航菜单实现抽屉效果的导航菜单看了很多应用,觉得这种侧滑的抽屉效果的菜单很好. 不用切换到另一个页面,也不用去按菜单的硬件按钮,直接在界面上一个按钮点击,菜单就滑出来,而且感觉能放很多东西. 关于实现,搜索了一下,有如下两种: 1.用SlidingDrawer: http://developer.android.com/reference/android/widget/SlidingDrawer.html 但是不知道为什么这个类官方不建议再继续用了: Depreca…

一款基于jquery和css3的响应式二级导航菜单

今天给大家分享一款基于jquery和css3的响应式二级导航菜单,这款导航是传统的基于顶部,鼠标经过的时候显示二级导航,还采用了当前流行的响应式设计.效果图如下: 在线预览源码下载实现的代码. html代码: <div id="header"> <div class="logo"> <a href="#">Responsive Nav</a> </div> <nav>…

WPF中制作立体效果的文字或LOGO图形(续)

原文:WPF中制作立体效果的文字或LOGO图形(续) 上篇"WPF中制作立体效果的文字或LOGO图形"(http://blog.csdn.net/johnsuna/archive/2008/04/20/2309778.aspx )中讲述了立体LOGO图形的制作方法.从程序开发人员的角度来讲,这样的做法是不能令人满意的.首先,费时费力效率不高:其次,完全没有通用性. 那么,有没有办法通过程序首先打开用户的矢量图形文件(比如:*.AI格式),然后对这个AI格式文件进行编程控制,并最终由程序…

jQuery/CSS3类似阿里巴巴的商品导航菜单实现教程

有两天没发表文章了,今天来说说利用jQuery和CSS3制作一款类似阿里巴巴左侧商品菜单导航,这款菜单看起来非常大气,可以展示非常多的产品类目,如果你在设计电子商务网站,不妨可以拿来参考,一下是效果图: 我们也可以到这里来查看这款菜单的DEMO演示. 接下来还是分析一下源代码,源码由HTML.CSS和jQuery组成,先来看看HTML,东西很多,但结构非常简单: <div class="sidebar"> <div class="sidebar_top si…