css-shapes 相关问题

CSS-Shapes是通过使用Cascade Styling Sheets将HTML元素制作成形状和图像而制作的。最基本的形状包括三角形,正方形和圆形,但可以制成更高级的形状,如心形,八边形和星形。

带有纹理背景的 CSS 之字形边框

我一直在研究带有锯齿形边框的标题。一种方法是使用图像来制作之字形效果。 (1) 有没有办法在 CSS 中创建一个实用的跨浏览器之字形边框...

回答 4 投票 0

如何在div上创建不均匀的圆边?

我一直在尝试制作一个具有不均匀圆边的 DIV,如下所示: 我检查了一些解决方案,最接近的解决方案是使用 border-radius 。我用过: 左下边框半径:80...

回答 1 投票 0

使用 CSS 将 div 的底部弯曲到内侧

我想用CSS弯曲这个矩形div/背景的底边,所以结果是这样的: 有人知道如何实现它吗? .弯曲{

回答 2 投票 0

我如何创建这个角矩形切口形状

给出的是我的网站设计 但我无法构建形状 就像左边栏中一样 你可以看到一个带有切口的矩形 那么有人可以告诉我如何创建它吗? 我能够创造那个......

回答 1 投票 0

可以采用凹形边框半径吗?

这是一个简单的凸示例。 http://jsfiddle.net/swY5k/ #测试{ 宽度:200px; 高度:200px; 背景:#888888; 边框半径:50px; } 但是,我想要一个凹形边框半径...

回答 7 投票 0

如何使用CSS为图像创建不规则形状? [重复]

是否可以使用CSS为图像创建不规则形状,就像这个url中一样?作为一个起点,我做了这个,但我没有设法让图像的每一侧出现更多的不规则现象,因为......

回答 2 投票 0

回答 5 投票 0

如何创建多边形div [重复]

我想创建如下图所示的 HTML 元素: 问题是 DIV 元素具有多边形形状而不是常规矩形,将被放置在其他元素之上,如弹出窗口和

回答 2 投票 0

使用 CSS 在所有边上创建波浪形边框

使用这个生成器,我可以在顶部和底部或左侧和右侧创建我想要的波浪形边框,但我在组合这些蒙版来创建四周的波浪形边框时遇到了麻烦。 ...

回答 1 投票 0

功能从形状数组中随机选择图像并在正确的一侧显示边数,

我想为形状创建一个图像数组,并且在显示时我希望边数显示在正确的边上,并且 cm 更改为 m 并且让它们在一起 我尝试过

回答 1 投票 0

创建一条中间有圆圈的线

所以,我正在努力实现这个结果: 这是我尝试时得到的结果:https://jsfiddle.net/wvdkmjge/ 。容器 { 宽度:100px; 高度:1px; 背景颜色:黑色; } 。圆圈 {

回答 6 投票 0

带有圆角的倾斜div

如何使用CSS实现以下形状? 右侧应该是倾斜的,顶角应该是圆角的:

回答 3 投票 0

CSS3 变换一侧倾斜

是否可以创建“CSS3 Transform Skew One Side” 我找到了一个解决方案,但它对我来说没有用,因为我需要使用图像作为背景(而不是颜色) #skewOneSide { 边框底部...

回答 5 投票 0

Bootstrap 中的多个 CSS 叠加形状

我正在尝试为我的登陆页面创建CSS,就像我在figma设计中所示的那样。该页面是在 bootstrap 5 中构建的(不确定这是否重要)。我知道这是可能的,但我很难...

回答 1 投票 0

使用远大于元素尺寸的CSS边框半径

使用比元素尺寸大得多的边框半径有什么问题吗? 例如,如果我想创建一个类 .circle 像这样: 。圆圈 { 边框半径:1000px; } 所以...

回答 2 投票 0

在css3中制作一个带有遮罩和边框的六边形

我正在尝试制作一个带有边框半径、边框和类似遮罩的东西的六边形。像这样的东西: 然而,我对“面具”以及我应该如何制作这个形状有点困惑。哇...

回答 2 投票 0

创建一个带有直角三角形/指针的按钮

希望创建这个: 实现这一目标的最佳方法是什么? 它必须: 我绝对希望将文本保留为文本(因此不使用图像)。另外,我希望它可以重复使用,这样我...

回答 3 投票 0

使用边框半径的胶囊形状,没有设置宽度或高度?

是否可以在没有设定宽度或高度的情况下使用边框半径制作胶囊形状? 我希望左右两侧完全圆形,而胶囊则沿其方向保持笔直

回答 6 投票 0

用线性渐变制作CSS3三角形

我需要创建一侧带有三角形的按钮(例如http://css-tricks.com/triangle-breadcrumbs/),具有线性垂直渐变和边框,并且我想使用纯CSS3。 如果我需要45就可以了...

回答 5 投票 0

如何正确为三角形添加阴影和渐变?

我想做以下设计: 我尝试使用 :after 和 :before 但它不起作用。这是我当前的代码: 。设计 { 背景:#ea053a; 显示:内联块; 高度:155 像素; ...

回答 5 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.