请选择 进入手机版 | 继续访问电脑版

我爱学习网

 
查看: 10042|回复: 0

实用的 CSS3 菜单生成器及教程

[复制链接]
发表于 2015-2-25 22:15:55 | 显示全部楼层 |阅读模式
本帖最后由 sunnyBoy 于 2015-2-25 22:16 编辑

CSS3为Web设计师和开发者创建伟大的作品带来了极大的可能性。通过CSS3中的3D变换、动画等属性,即使不使用JavaScript,你也能创造出令人印象深刻的动画效果。


本文为你整理了一些使用纯CSS3创建菜单的教程。如果你没有太多时间来看这些教程,你也可以通过下面的CSS菜单生成器来快速打造精美的纯CSS菜单。

一、CSS3菜单生成器


1.  PURE CSS MENU


Pure CSS Menu非常轻量,只有几kb大小,兼容目前所有已知浏览器(IE、Firefox、Opera、Safari、Mozilla、Chrome、Netscape等)。即使你不知道任何CSS、HTML语法,你也可以轻松创建出CSS下拉菜单。


2.  CSS3 MENU


你只需要使用鼠标点击几下,即可创建非常漂亮的菜单和按钮。


3.  CSS MENU MAKER

该工具提供了多个菜单模板。


4.  CSS3 MENU GENERATOR


另一款CSS3菜单生成器,你可以即时看到你的修改所产生的效果。


二、CSS3菜单开发教程


1.  使用CSS3打造一款带图标的下拉菜单



2.  纯CSS下拉菜单




3.  平滑的CSS3下拉菜单



4.  CSS3多级下拉菜单



5.  带熔岩灯效果的纯CSS3菜单



6.  使用纯CSS3打造的苹果官网菜单



7.  一款黑暗系CSS3菜单



您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回列表 返回顶部