cssshapes

带图像背景的页面的 V 形部分

I m trying to make a one page website But I would like something to diversify it from all other similar sites I came up

html css cssshapes

如何在 CSS 中创建八角形蒙版

我正在尝试创建一种图像形状为八角形的设计我使用了边框破解但图像需要位于八边形形状内在这种情况下使用伪元素并不合适因为主体也将有自己的背景图像用css可以吗 My Code div width 100vh height 100vh

html css geometry cssshapes

悬停时用倾斜背景填充元素

我正在尝试创建一个CSS按钮悬停效果但我没能用倾斜的形状填充元素悬停效果是如何规划的屏幕截图 1 实际看起来如何屏幕截图 2 我希望悬停效果看起来像斜边 button sliding bg color 31302B backgrou

css Hover csstransitions cssshapes

倾斜的 div 顶部和底部 CSS

我正在尝试制作以下倾斜的 div 我几乎已经达到了下面的形状但是底部并没有像下面的形状那样朝正确的方向倾斜我该如何纠正这个问题附形状 http jsfiddle net fgdcq3qp http jsfiddle net fgdcq

html css cssshapes

CSS 的波浪形状

我正在尝试使用 CSS 重新创建此图像我不需要重复它这就是我开始的但它只有一条直线 wave position absolute height 70px width 600px background e0efe3 div div 我认

css cssshapes

如何实现右边缘倾斜的 div？ [复制]

这个问题在这里已经有答案了我几天来一直在寻找使 div 的右边缘倾斜 45 度的代码这是我特别想要得到的图像示例似乎有很多倾斜边缘 div 的示例但我找不到任何具有特定右侧倾斜的示例我花了很多时间试图改变其他人的代码但结果却一

html css cssshapes

如何在 HTML 中制作三角形？

我想使用基本的 CSS 在 HTML 页面中制作三角形我正在使用需要时间加载的三角形图片因此我想减少页面的加载时间 HTML 不可能但 CSS 可以例子 div class div

html css cssshapes

如何使用div绘制曲线？

我需要使用 CSS 绘制两条曲线我尝试过组装一些divs 使用CSSborder radius绘制弧形面板但结果很糟糕还有更好的算术吗正如我之前在评论中提到的请不要使用CSS用于实现复杂的曲线和形状虽然仍然可以使用 CSS 来实

html css SVG cssshapes

CSS3 信封形状

正如您可能已经猜到的该图像是邮件信封形状的一部分如果可能的话我想使用 CSS3 创建该形状我已经制作了其他部分但这个很棘手该形状需要两侧都有三角形切口和圆角大概是 border radius bottom left borde

css cssshapes

如何在 CSS 中创建彼此相邻的多边形形状

我创建了一个多边形三角形我想将它们堆叠在一起我已经使用了 shape outside 但它似乎不起作用我希望这是动态的这样就可以添加更多内容而无需更改代码 div nth child odd width 280px height

html css cssshapes

响应式 CSS 圆圈

Goal 响应式 CSS 圈子具有相等半径的刻度半径可以按百分比计算半径可以通过媒体查询来控制如果解决方案是javascript 我仍然需要模拟媒体查询触发器我不需要媒体查询但我确实希望能够在某些宽度下按百分比控制半径 medi

html css responsivedesign cssshapes

如何使用 CSS 绘制一个向左的三角形？

我已经很久没有建造这个向上的三角形了我怎样才能改变我的 CSS 使角指向左边 http jsfiddle net 3sP8q http jsfiddle net 3sP8q left corner width 0 height 0 bor

css cssshapes

如何用css3和html5制作不规则形状的div？

我想知道是否有可能构建具有不规则形状的 div 类似于此例如格陵兰岛欧洲非洲我想使用 CSS3 和 HTML5 创建像这里这样的地图以下是示例图像的链接你所拥有的看起来像一个网格你可以通过一个 div 上的许多渐变来获得它也

html css cssshapes

Div 上的倾斜边框

我正在尝试倾斜一个 div 类似于使用 css 倾斜 div 的顶部而不倾斜文本 https stackoverflow com questions 13591584 slant the top of a div using css wi

html css cssshapes skew

仅使用 HTML 和 CSS 制作弧形帆形状？

是否可以仅使用 HTML 和 CSS 创建下面的弧形帆形状我可以看到从这个答案 https stackoverflow com questions 7073484 how does this css triangle shape work

css Shapes cssshapes

CSS 圆角六边形按钮

我可以使用 CSS 创建相同的按钮圆角是重要部位角是主要原因带圆角的三角形按钮请看我下面的代码和图片 lngbtn position relative width 150px height 50px margin 50px colo

css Button cssshapes

如何实现弧形顶部指针

有人可以帮忙解决这个问题吗如何仅用CSS实现附加按钮无图像到目前为止这是我的代码 triangle up width 0 height 0 border left 25px solid transparent border righ

html css cssshapes

有两个切边的矩形

我不确定这个形状的具体名称是什么但我可以将其称为半平行四边形吗我想纯粹使用这个形状CSS CSS3 有什么帮助吗或教程您可以使用伪元素来完成此操作如下所示做法是从盒子的左下角和右上角剪出一个三角形只要主体背景是纯色此方法

css cssshapes

标题的下边框小于宽度

我需要创建一个下划线效果底部边框小于h2标题的宽度通常我不上传图片但我认为这可能有助于进一步解释问题您可以为此使用伪元素例子 http jsfiddle net SZ39x pseudo border position relati

html css cssshapes

双弧形

我目前正在尝试生成波浪形幽灵底部形状该形状包含两条双曲线虽然底部的部分这个图片 http images clipartpanda com ghost clip art castle ghost clipart1 jpg我认为以更好的

css SVG cssshapes