cost 699 ms
如何围绕圆圈创建“太阳状”线条？
[英]How can I create “sun like” lines around a circle?
我基本上需要在图像中创建这个设计。 我知道它可以用 CSS 来实现，但我不知道怎么做。 我正在尝试用谷歌搜索它，但我只能找到像这个这样的精心设计的“太阳”设计，这对我目前的理解来说太过分了。 https://codepen.io/zmmbreeze/pen/guLfC 我已经创建了这样的中心部 ...
如何创建具有圆边的曲线？
[英]How to create curved line with rounded edges?
嗨，我需要像这张图片一样创建一条线 但我不知道如何结束圆角线边 你能帮我用redounded形式结束这行吗？ ...
如何用 css 打造眉形
[英]How to create eyebrow shape with css
我正在尝试创建一个类似这样的形状。 这是我的眉毛的形状。 我用clip-path属性试过了。 这样我就可以在我想避免的眉毛边界上急转弯。 我认为必须有一种方法可以实现这一目标。 我会很感激有人帮助我解决我的问题。 谢谢你。 .avatar__eyebrow { margin: 100px; wi ...
为什么 CSS svg<rect /> 右侧和底部有较粗的笔划？
[英]Why does a CSS svg <rect /> have a thicker stroke on the right and bottom sides?
我已经为我正在开发的一个小型网站创建了一些基于 svg 的图标，但是我无法让中风看起来像我想要的那样。 如果你看看这个 jsfiddle你可以看到我的问题。 外部<rect>的笔触一直是 1px，但由于某种原因，该外部正方形的右侧和底部似乎比顶部和左侧有更粗的笔触，有点像投影效果。 我 ...
如何使用 CSS 制作折叠色带效果？
[英]How can I do a folded ribbon effect using CSS?
我正在尝试将基于图像的信息图形转换为 html 和 css。 我可以在那里得到 90%，但我正在寻找一些关于折叠色带效果的帮助。 信息图有这样的是/否方向： “丝带”的末端被折叠在下面，并以较深的原色阴影突出底部。 这是我到目前为止所拥有的： <style>.container { ...
在 css 中绘制“8”
[英]Draw '8' in css
.seven_number { position: absolute; right: 147px; top: 25px; width: 14px; }.seven_number:after { content: ""; height: 5px; width: 20px; position: abs ...
如何创建带有弯曲边框的三角形？
[英]How to create a triangular shape with curved border?
我想使用 CSS 做这个形状，而不是图像，但我得到绿色形状，我不能让所有背景透明！ ...
Css Shadow box::after arrox withborder method
[英]Css Shadow box ::after arrox with border method
我试图通过这种设计实现几个元素： 我也想有一个像这样的边界半径： 我设法做到了： 对于第一个 div，我没有为::before 箭头做内框阴影，为::after 箭头做盒子阴影对于最后一个 div，我设法做到了，但是当我尝试更改箭头的大小以使其更大时，box-shadows 不再起作用... ...
如何使用 css 形状创建具有响应性的平行四边形
[英]How to create below parallelograms with responsive using css shapes
我正在一个网站上工作，我必须创建类似的东西，如下图所示。它应该是响应式的。 图片链接任何人都可以帮助我。 问候， 拉吉库马尔 ...
CSS 具有不透明度的渐变文本和渐变文本描边/轮廓
[英]CSS Gradient Text with Opacity and Gradient Text Stroke / Outline
虽然我发现了类似的问题，但没有一个明确符合我的目标。 我正在尝试显示具有渐变颜色的文本，不透明度较低（因此您可以通过它看到背景），而且还具有（匹配的）实心渐变边框（即文本笔划）。 我发现类似问题的答案通过创建复制（渐变）边框效果的::before underlay state 来开发解决方法，但更改 ...
如何在角落制作带有正方形的边框？
[英]How to make border with square on corners?
如何在角落制作带有正方形的边框？ 并打破其中一个边界。 就像图片上的一样。 我做了四个额外的块，但我想可能有更好的方法。 而且我不知道如何打破外部边界。 :root { --size: 8px; --r: -3px; }.wrapper { position: relative; border ...
制作带有边框和填充的菱形图像
[英]Make a rhombus image with border and padding
我想制作一个带有边框和填充的菱形图像。 我已经设法将图像制作成菱形形状，但还没有成功地在其周围制作带有填充的边框。 我正在使用 elementor builder 并寻找一个不会涉及 js 编码的解决方案，只有 css。 有办法吗？？ 这就是我想要实现的目标： 1 ...
CSS circle-divs 金字塔
[英]CSS Pyramid of circle-divs
我想在我的 web 页面中获得一个金字塔/三角形的圆圈。 但我正在努力让 CSS 正确。 我有圆圈，但我很难将它们排列成正确的形状，有时它们没有居中，有时它们奇怪地散开。 现在尝试了很长一段时间，任何帮助将不胜感激：D 例子： 示例图片界： ...
如何在背景顶部创建曲线？
[英]How to create a curve on the top of a background?
请帮我更改 from.top 的切口，使其位于顶部而不是右侧。 如图所示。 非常感谢您提前。 我真的希望你的帮助，我是这个行业的新手。 源代码： 源代码 .box { margin-top:120px; width:200px; height:100px; background:white; } ...
我无法通过多边形变换获得形状
[英]i cant get a shape with polygon transform
我在为 li 制作形状时遇到问题，我需要它具有对角线和平滑的边框，但我无法得到它。 这就是我现在得到的。 ul { list-style-type: none; margin: 0; padding: 0; list-style-position: inside; display:flex; } ...
Bootstrap 4 的加长六边形按钮
[英]Elongated hexagon shaped button for Bootstrap 4
如何制作 Bootstrap 4 按钮，左右两侧为六边形，类似于下图？ 以下是类似问题的答案，但在 Bootstrap 4 中复制那些 styles（使用 proper.btn 类）无法正常工作： Elongated hexagon shaped button using only one ele ...
我如何计算图像的口粮宽度和高度
[英]How do i calculate ration width and height of image
我想根据“宽度”和“高度”参数显示图像。 如何计算图像的比例？ 例如，30/45，我需要根据用户 select 更改宽度和高度。 它有什么公式吗？ 我的代码 我想通过用户选择来计算宽度和高度。 ...
CSS中角度一致的三角形边
[英]Triangle edges with consistent angle in CSS
我必须编写这样的设计： 我按照图片所示进行了所有操作，但遇到了问题。 这个多边形的角度随着屏幕尺寸的变化而变化，但我需要它保持一致以匹配六边形标志的角度。 我尝试了几种方法，例如将三角形 PNG 作为标题的背景图像 - 角度是一致的，但是在较大的屏幕上边框变得太大而在较小的屏幕上变得太小，我需要 ...
曲线符号的 CSS3
[英]CSS3 for Curve Symbol
我正在寻找以下形状的 css 代码，我尝试使用边框半径，但必须使用不同的 div 来处理顶部边框和左曲线。 我正在寻找在下面绘制完整形状的 css。 有什么帮助吗？ .Curve{ top: 25px; left: 25px; width: 50px; border: solid 1 ...
排序:
质量: