代码改变世界

随笔档案-2011年10月3日

使用 CSS3 创建下拉菜单

2011-10-03 08:30 by coderidea, 1669 阅读, 收藏, 编辑
摘要: 当我在为WordPress编写Notepad 主题时,顺道学习了一些新的CSS3特性,现在此分享。查看演示可以看到一款类似 Mac 风格的多级下拉菜单,使用 border-radius,box-shadow 和 text-shadow 创建。在Firefox,Safari 和 Chrome 浏览器中能够完美地渲染。即便是诸如 IE7+ 等不兼容CSS3的浏览器,也可以正常呈现页面,只不过忽略了对圆角和阴影的渲染。演示地址:http://www.webdesignerwall.com/demo/css3-dropdown-menu预览下图展示了不兼容CSS3情况下的菜单样式。使用了一个渐变图.. 阅读全文
点击右上角即可分享
微信分享提示