如何在 css 中矩形的交点处制作曲线？

[英]How to make a curve at intersection point on a rectangle in css?

我想创建以下形状： 重要提示：如果我使用“边界半径”，它适用于边缘，但我需要在交点处有一条曲线（而且我不想要这个结果）： 提前致谢 ...

我不能做 3/4 圈，我只能使用一个 div，所以我怎么能把它做成下面链接中的例子

[英]I can't make the 3/4 circle and i have to use one div only so how can i make it as the example in the link below

这是我想要做的形状在此处输入链接描述 PSI 仍在学习前端的东西，所以你能帮我完成这个任务吗？ 这是 HTML 代码<div>Elzero</div> 这是我尝试使用的 CSS 代码 ...

如何让两段文字从两侧环绕图像？

[英]How to make two paragraphs of a text wrap around an image from both sides?

花了很多时间后，我终于设法做到了： window.onload = () => { const fimg = document.querySelector('#first img') const fimgWidth = fimg.getBoundingClientRect(). ...

具有透明背景的按钮的多边形边框

[英]Polygon border of a button with transparent background

我正在尝试制作如下图所示的多边形边框形状，但背景是透明的。 我试过的代码如下。 在代码中，共有28个点。 首先从顺时针方向的左侧点开始，然后从逆时针方向的同一点开始。 @import url('https://fonts.googleapis.com/css2?family=Po ...

按钮的多边形边框/边框半径

[英]Polygon border / border radius of a button

我正在尝试制作如下图所示的多边形边框形状。 我试过的代码如下。 @import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap'); .p-button{ background: tra ...

我可以在 CSS（铅笔）中创建一个形状而不会在我尝试旋转它时表现得很奇怪吗？

[英]Can I create a shape in CSS (a pencil) without it acting weirdly when I try to rotate it?

我正在尝试在 CSS 中创建一个看起来像铅笔的图像，我认为我已经完成了，但是当我尝试使用“transform:rotate(-45deg);”旋转它时，它的行为很奇怪。 我以为它只会在原始图像内某处的轴上旋转，但它不仅会旋转铅笔，还会将其从原始位置以巨大的弧形移动很长一段距离，这让我觉得轴点不再原图 ...

在css3中制作带有蒙版和边框的六边形

[英]Making a hexagon with a mask and border in css3

我正在尝试制作一个带有边框半径、边框和类似面具的六边形。 像这样的东西： 但是，我对“面具”以及我应该如何制作这种形状感到有些困惑。 将其导出为 svg 会比使用 css3 更好吗？ 目前我有这个： 但即便如此，这也不是很好，因为它在拐角处看起来有点偏离： ...

更新进度圈百分比

[英]Updating percentage in progress circle

我正在使用此处给出的替代方案之一（ CSS Progress Circle ）构建一个带有进度圈的待办事项列表。 在我的 script.js 中，我定义了 function drawRingProgress()当我在脚本末尾执行它时呈现 canvas。 当我的脚本的其他功能被执行以添加任务、编辑、删 ...

使用 CSS 创建形状

[英]Creating shape with CSS

试图用 css 创建这个形状 我设法得到了这个结果 但不知道如何在矩形底部创建弧线 这是我的 css ...

有没有办法使用 CSS 为箭头形状添加边框？

[英]Is there a way to add a border to an arrow shape with CSS?

我只有用 CSS 创建的箭头状形状。 我想给它应用一个边框，如果可能的话，还有一个盒子阴影。 我试过遵循这个答案，但它不起作用。 我还想知道是否有一种方法可以使左侧的白色三角形（赋予箭头形状的三角形）透明而不是白色。 这就是我想要实现的目标： 这就是我所拥有的。 如您所见，我只缺少边框和阴影： ...

css 形链接中的文本样式问题

[英]Issue with styling the text within a css shaped links

我通过在 CSS 中创建形状来创建步进/指针水平导航。 我遇到的问题是我似乎无法 position 并在链接中设置文本“ Step X: Some text ”的样式。 我在链接文本周围有一个跨度 class 我想要 position 和内部样式，但是它似乎对文本没有任何作用，但对整个链接有作用。 ...

如何在 HTML 中制作这个形状？

[英]How do I make this shape in HTML?

我正在尝试用 HTML/CSS 制作这个形状，但我一辈子都做不到。 如果有人能提个醒，将不胜感激。 包括JS也没关系。 如果您能在正确的方向上做出最小的推动，我将不胜感激。 谢谢，图来了 ...

眼镜形状设计与 CSS

[英]Glasses shape design with CSS

我需要为CSS的网站主页编写这个眼镜形状设计，我需要考虑在眼镜上方的空白处我们要放置一些动态数据。 我的问题是如何管理两侧之间的曲线。 到目前为止，我已经使用 CSS 边框和 vh/vw 对顶部圆圈及其指针（但不完美）进行了编码以用于响应目的，我尝试将图像用于曲线部分，但效率不高，因为在响应版本中 ...

如何在带边框的 CSS 中制作可调整大小的心脏

[英]How to make a resizable heart in CSS with a border

我想制作一个心形，用户可以将其大小调整为任意宽度和高度，并且边框为 1 px。 我尝试了纯 CSS 制造的心脏： https://stackoverflow.com/a/17386187/1404447 我尝试使用这样的字体： https://www.w3schools.com/charsets/t ...

如何在六边形的右侧添加彩色阴影？

[英]How can I add a colored shadow at the right inside of my hexagon?

谢天谢地，我在 SO 上找到了一个六边形，但现在我遇到了问题。 六边形可以用任何颜色填充——目前是橙色，但我需要用颜色和阴影填充它： <svg viewBox="0 0 180 100" style="width:180px;height:130px"> <defs> & ...

如何使客户形状变形？

[英]How to make custome shape deformation?

我有一个 sf::RectangleShape 2D 立方体，并且想要创建功能来为该立方体绘制“像 3D”的边。 这是我的解决方案： 这是它的外观： 我不知道如何将纹理形状编辑为右侧形状以使其真正像 3D。 解决方案： 我使用 sf::Transform 的自定义矩阵来管理形状变形。 并用矩形形 ...

如何使用 CSS 在侧边栏中添加自定义弯曲形状？

[英]How can i add a custom curved shape inside a sidebar using CSS?

body{ font-family: roboto; } *{ margin: 0; padding: 0; list-style: none; text-decoration: none; }.sidebar{ position: fixed; left: 0px; width: 314px; ...

如何仅使用 CSS 创建弯曲的锋利边缘（想想刀片）

[英]How to create a curved, sharp edge (think blade) using only CSS

这是我正在尝试创建的图像： 我试过使用边界半径，但结果总是太圆。 我正在寻找 CSS 解决方案（无 SVG）。 .blade { height: 300px; width: 150px; border-radius: 0 0 50% 50%; border-left:20px solid #c ...

使用剪辑路径的圆形图像形状

[英]Rounded image shape using clip-path

我想要 css 剪辑路径，如下图所示有人能帮我吗 img { clip-path: polygon(53% 0%, 100% 1%, 100% 50%, 100% 100%, 55% 100%, 42% 65%, 0% 52%, 44% 36%); border-radius:0 100% 100 ...

CSS - 如何更改两个对象交集的背景？

[英]CSS - How to change background of intersection of two objects?

我正在尝试复制此动画的样式，但我不知道如何“填充”这两个形状交叉点的背景颜色。 在动画中，交点方便地逐步并停在正方形边缘与圆原点相交的地方； 我可以想象使用剪贴蒙版来填充圆圈的那个象限。 但是，是否可以更动态地执行相同操作？ 你能填充两个相交形状的背景吗（同时在其他地方仍然有透明背景）？ ...