html设置功能区菜单,html – 具有“3D”效果的功能区

我的菜单有以下代码：

Home
page1
page2

而CSS：

.wrapper{

padding:20px;

background:#d3d3d3;

height:200px;

}

.menu{

background:#7F7979;

}

.menu li{

padding-top: 20px;

padding-bottom: 20px;

padding-left: 15px;

display: inline-block;

}

.menu li a{

color:white;

}

nav ul{

list-style:none;

margin:0

padding:0;

}

我想要实现的是在左右角看起来像是来自容器后面(如果我们可以这样称呼它就像3D效果一样).没有尝试任何东西,因为我不知道如何实现这一点.

我google了一下,但没有找到任何网站来检查代码.如果有人知道,请指出我.

另外,如何通过忽略容器填充来实现此目的？是否有可能使用我的菜单在这个容器内,它有一个填充,仍然迫使边缘走出它？

注意：我不是试图有人为我做这件事,我想弄清楚我应该用什么CSS属性来实现我想要的.

为了更好地解释我想要的东西：

如果有帮助,我的演示：

非常感谢你指出了正确的方向.

html设置功能区菜单,html – 具有“3D”效果的功能区相关推荐

给你的2D游戏添加3D效果
作者:numenzq 原文链接:http://www.j2medev.com/Article/ShowArticle.asp?ArticleID=1135 有两种方法给你的2D游戏添加3D效果.你可以 ...
怎么设置ppt页面的长度和宽度_在PPT中将照片变裸眼3D效果怎样操作？分享技巧，帮你快速实现...
PPT的使用相信大家都不陌生,使用最多的就是制作PPT对工作进行汇报,对新项目进行展开讨论.其实在PPT中还可以设计海报,制作高逼格封面以及将照片变为3D效果等偏设计类的操作.今天将以如何把照片变为3 ...
如何用PPT来实现三维3D效果，附参数设置详解
原文链接: 如何用PPT来实现三维3D效果,附参数设置详解
Unity 工具之 VText 简单快速实现文字 3D 效果，VText 的导入设置和简单使用（可支持中文字体）
Unity 工具之 VText 简单快速实现文字 3D 效果,VText 的导入设置和简单使用(可支持中文字体) 目录 Unity 工具之 VText 简单快速实现文字 3D 效果,VText ...
tableau实战系列（三十四）-教你如何在tableau中实现3D效果作图
前言我们知道,目前 Tableau 还不支持 3D 图表的实现.但是,如果你希望在 Tableau 中呈现立体效果,我们可以另辟蹊径,来实现一些简单的. 柱形图很常见,因为是平面的,也被称为条形图. ...
new 3ds右摇杆测试软件,电击杂志编辑新3DS评测：防抖3D效果拔群！
电击杂志日前在本周杂志上看在了10月11日任天堂将会发售新型3DS主机"新3DS"与"新3DS LL"的上手报告.究竟新版3DS表现如何?让我们一窥究竟. ...
Fedora 10安装Compiz-fusion 3D效果方法
Fedora 10安装Compiz-fusion 3D效果方法标签:nvidia 3d linux 玻璃效果 fedora vista compiz 分类:Linux学习 Windows Vista ...
html立体魔方图片制作,AI软件如何打造立体魔方 Ai如何使用3D效果快速生成三个面贴图立体魔方...
矢量图制作软件Adobe Illustrator如何快速生成立体魔方?魔方是立体.多面的,使用Ai软件自带的3D效果三种之一的凸出和斜角,能创建具有凸出和斜角效果的立体魔方.在3D效果中,选择三个面贴 ...
做全景效果图用哪个软件？3d效果全景图软件如何制作？
3d效果全景图如今已全面融入我们的生活.以真实的视觉效果,身临其境的沉浸式用户体验,超强的参与感和互动性让品牌深入人心.全景让用户成为主动体验和参与品牌营销的一部分,深受广大商家和用户的喜爱.那么,做 ...

html设置功能区菜单,html – 具有“3D”效果的功能区

html设置功能区菜单,html – 具有“3D”效果的功能区相关推荐

最新文章

热门文章