如何在CSS中创建变窄的V形？
这是人字形： .shape {高度：200像素；宽度：300像素；位置：绝对；溢出：隐藏；}。shape：之前，.shape：之后{content：“”;位置：绝对；宽度：150像素；高度：120像素；背景：红色； top：10px;}。shape：before {transform-origin：0％100％; transform：skewY（20deg）;}。shape：after {
..
css-shapes相关内容
将两个div除以另一个弯曲/拱形div
我想创建一个网站布局，其中包含几张全角图片，这些图片垂直对齐。图片应由弯曲元素分隔，该元素最好由HTML / CSS创建，因为宽度可能会发生变化，并且曲线应始终填充100％的宽度。 我在这里上传了我的问题的可视化图像： 我已经尝试过使用 border-radius ，例如： http://jsfiddle.net/37u4c/34/但是结果不是我想要的。元素的高度应始终保持20 px，
..
围绕“修剪”的盒子阴影角
上面的图片是我网站上侧面导航顶部的屏幕截图。我想让nav容器的右上角有一个“ clipped”，我目前正在使用 .sideNav {背景：rgba（24，69，59，.8）;颜色：#FFF；填充：10px; position：relative;}。sideNav：after {content：“”;位置：绝对；最高：0;正确：0； border-width：40px 0px 0px 40p
..
CSS Shadow box ::使用边框方法在arrox之后
我正在尝试通过这种设计实现几个要素： 我也希望具有这样的边界半径： 我设法做到的事情： 对于第一个div，我没有设法为:: before箭头创建内部框阴影，而为:: after箭头进行框阴影 对于上一个div，我设法做到了，但是当我尝试更改箭头的大小以使其变大时，框阴影不起作用e ... body {background-color：white;}。test {ma
..
我无法通过多边形变换获得形状
我在为li制作形状时遇到问题，我需要它具有对角线和平滑的边框，但我无法得到。这就是我现在得到的。 ul {list-style-type ： 没有;边距：0;填充：0; list-style-position：内部； display：flex;} li {position：relative;高度：40px；宽度：300像素；边距：10px; padding-right：30像素；行高：40
..
使用CSS创建箭头
是否可以使用CSS在下面的按钮中创建类似箭头的方法？ 我知道如何创建类似三角形的箭头 #triangle_arrow { top：3分； 内容：“”； 显示：inline-block; 宽度：0.5em； 高度：0.5em； border-right：0.1em纯黑色； border-top：0.1em纯黑色； transform：rotation（45deg）
..
浏览器窗口调整大小时如何在CSS中调整梯形大小
..
有关如何创建此按钮形状的建议
我想创建一个按钮，该按钮的两侧各有2个小翼，但不能完全确定如何实现这种形状，并且想知道是否有人可以提供一些指导？ 我了解我将需要使用psuedos之前和之后，但不确定如何创建进入按钮主体的轻微曲线？ 解决方案 给人以3D平面远离POV旋转的印象，例如 星球大战 （也在svg中重新创建 ），使用（前缀）透视和 rotate3d （或rotateX）。 别名，请使用1像素的透明轮廓
..
梯形带有圆角和纯css
我做了很多尝试，但是仍然在用纯css制作这种梯形形状方面很挣扎。 我要实现的形状是给定白色部分包含文字的图片（英国伦敦）。形状像阴极射线管或棒球棒。 解决方案 具有圆形边缘的梯形形状 您可以使用CSS3属性制作该形状： skewY（）和边界半径。 此技术需要2个元素来创建CSSS形状，一个为梯形，一个为圆角。这两个元素都需要：after 和：before 伪元素。
..
使用CSS创建形状
在我的网站中，我想做一个演讲泡沫，并找到了一个很好的教程。但是我想做一些更改，但是我不知道该怎么做。 基本上我想水平翻转小三角形，因此其垂直方向在右侧而不是左侧。 这是CSS： .bubble { margin-top：100px; 职位：相对； 宽度：200像素； 高度：100像素； text-align：center; 行高：100px; background
..
如何用纯CSS使直线凹入
我是试图用css创建菱形。但是，我要创建的钻石不是由直线组成，而是由四个略微凹陷的线组成，例如自行车卡。 解决方案 以下是使用
..
复杂的设计模式-重叠透明形状？
我正在尝试创建以下形状。 几乎我尝试通过以下方式创建此图像。为了使用HTML和CSS创建此图像。我尝试使用以下代码。 .left1 {向左飘浮;变换：rotate（180deg）;}。halfCircleRight1 {height：70px;宽度：70像素；右上边界半径：10em；右下边框半径：10em；背景：＃326d7d； } .halfCoverTop1 {高度：35px;宽
..
如何创建特定程度的四边形（菱形）？
当我知道每个角的度数时，如何用css创建四边形。 我已经尝试过通过变换和倾斜来重新创建四边形。 但是，这不起作用 这是我尝试存档的内容。 确切的要求是： 将div作为背景以一种颜色显示的div。图像上仅是构造线。 这是我的第一个想法： transform：旋转（-45deg）偏斜（27.5deg，62.5deg） transform-origin：顶部
..
CSS？这个箭是怎么制作的？
这让我发疯。我一直在使用Firefox检查器来尝试弄清楚在 Headway网站上如何制作此箭头（如下） 。 我已经通过检查器删除了一些代码，从而减少了代码的数量，并简化为： 无论我在哪里检查，我都可以没有找到任何这样的形状。没有背景图片，没有字形，什么也没有。在这一点上甚至都没有关系，但是我正在努力弄清楚他们是如何做到的！ 任何CSS专家都会注意一下在？为了学习。 ：） 解
..
倒弯弯片的CSS
我一直沉迷于如何为设计机构提供的这些反向弯曲的标签编码css。 请参见此处： http://max-guedy.com/images/tab.png 解决方案 EDIT 添加了具有悬停状态的示例。 我创建了一个演示示例： jsBin演示 我们将棕色设置为整个ul元素 曲线的25x52精灵图像.png ：（将在悬停时更改bg位置） http://img401.im
..
带圆角的CSS六角形按钮
我可以使用CSS创建相同的按钮。圆角是重要的部分，角是主要原因。带有圆角的三角形按钮，请参见我下面的代码和图像 .lngbtn {位置：相对；宽度：150像素；高度：50px；边距：50px;颜色：#FFFFFF；背景颜色：＃f4d046;文本对齐：居中；行高：48px;内边距：16px;字体粗细：粗体；}。lngbtn：之前{content：“”;位置：绝对；正确：100％； top：0
..
改变三角形的形状
我正在尝试使活动列表项看起来像这样： 这是我目前拥有的（蓝色三角形是直角三角形，而不是钝的等腰三角形）： 这是我的HTML：
a / a 法律" span class =“ activePointer”>
..
如何制作CSS曲线？
如何使css如下图所示： 解决方案 可以通过操纵边界半径来实现 CSS .graph { height：100px; 宽度：200像素； 背景：透明； border-radius：0px 0px 0px 370px / 225px; 边框：纯5px灰色； border-top：none; border-right：none; 保证金：20px； }
..
CSS3月亮形状
我正在尝试创建这样的按钮： 我不知道如何在按钮顶部创建浅月亮形状。 这还差得远：小提琴演示。 。月亮{ 宽度：50像素； 高度：50像素； 边界半径：50％； 框阴影：15px 15px 0 0绿色； } 解决方案 仅需插入，您可以在对象顶部设置阴影样式。 例如 新月形 。 而且 此 是您想要的按钮。 .moon
..
调整立方体的大小
我从使用CSS创建的多维数据集中有一组代码。 但是，如何将其调整为更大的多维数据集（例如200px）？我已经尝试过了，但是每次尝试都做不到。. .mainDiv {位置：相对；宽度：206px；高度：190px；保证金：0px自动; margin-top：100px;}。square {width：100px;高度：100px；背景：＃c52329;边框：实心2px #FFF；转换：
..