|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
你可以轻松地控制页面的布局。
网页制造poluoluo文章简介:CSS3制造网页下拉菜单代码注释.
当我在为WordPress编写Notepad主题时,顺路进修了一些新的CSS3特征,如今此分享。检察演示能够看到一款相似Mac作风的多级下拉菜单,利用border-radius,box-shadow和text-shadow创立。在Firefox,Safari和Chrome扫瞄器中可以完善地衬着。即使是诸如IE7+等不兼容CSS3的扫瞄器,也能够一般出现页面,只不外疏忽了对圆角和暗影的衬着。
检察演示:http://www.webdesignerwall.com/demo/css3-dropdown-menu
预览
下图展现了不兼容CSS3情形下的菜单款式。
利用了一个突变图象
红色通明的图象用于完成突变效果。由于新的CSS3突变特征还没有失掉一切扫瞄器的撑持,利用烦琐背景图片更加平安。
突变的强度能够经由过程切换背景图象的上移或下移来改动。别的,突变色彩能够很简单地经由过程改动背景色彩来调剂。
CSS代码
我不盘算注释逐行注释CSS代码。上面的图片很好地注释了编写下拉菜单的关头点。
英文原稿:CSS3DropdownMenu|WebDesignerWall
</p>
不管你用什么工具软件制作网页,都有在有意无意地使用CSS。用好CSS能使你的网页更加简炼,同样内容的网页,有的人做出来有几十KB,而高手做出来只有十几KB。 |
|