堆栈内存溢出
cost 98 ms
如何使用 CSS::after 和::before 绘制此形状？

[英]how can I draw this shape using CSS ::after and ::before?

我知道有很多不同的方法可以在 CSS 中绘制，但我想使用 CSS::before 和::after 伪元素来绘制这个形状。 只有黄色的部分我画不出来。 .body{ width:100%; height:100%; background:#191919; display: flex; just ...

如何用css画半圆

[英]How to draw Semi circle with css

我正在尝试用 CSS 创建一个半圆，如下所示。 我试图用一个圆和一个矩形创建一个半圆，其中矩形隐藏了圆的下部。 我知道这不是最好的方法。 所以我正在寻找一种使用单个 div 的更好方法。 关于在Stackoverflow上创建半圆形环有一个类似的问题。 不幸的是，这没有帮助。 ...

如何创建具有半方形和弯曲形状的形状 uisng css 和 html

[英]how to create shape with half square and curved shape uisng css and html

我正在尝试绘制下图中给出的形状 这是我的 html 和 css 代码，其形状与此有点相似，但在单色中我不知道如何在多色中做到这一点。 谁能解释我该怎么做。 提前致谢。 .right-angle-triangle-semicircle { width: 100px; height: 100px; ...

使用 a:before background 反转边框半径？

[英]Inverted border radius using a :before background?

我想使用背景做一个反转的边框半径，如下所示： 这是我的代码： .curved { background: #D3041E; height: 200px; width: 100%; position: relative; }.curved::before { content: ''; border ...

如何使div的顶部和左侧边框倾斜

[英]How to make top and left border of a div slanted

.container{ max-width: 80%; margin:auto; }.section1{ background: #541A81; padding: 60px 0; }.content{ background:#ffffff; /* clip-path: polygon(0 90 ...

如何用 css 或 svg 制作箭头形背景？

[英]How to make arrow-shaped background with css or svg?

我想简单地指出正确的方向......我必须像这样编写 css 或 svg 背景： 另请注意圆形尖端。 我应该使用纯 css （在这种情况下，我应该研究什么规则）？ 我应该以某种方式使用 svg 吗？ 你会从哪里开始？ ...

背景滤镜模糊与波浪形边框相结合

[英]Backdrop-filter blur in combination with wavy border

我正在寻找将 background-filter:blur(XXpx) 与波浪形边框相结合的解决方案。 请参阅图像附加图像。 我已经尝试过 SVG 波和:before:after 椭圆，但在我看来，将它与“模糊”配对并非不可能。 有没有人有任何提示？ 这段代码在“模糊覆盖”上画了一条直线： ...

如何构建一个凸曲线三角形？

[英]How to build a convex curved triangle?

如何用 CSS 构建凸曲线三角形？ 我只需要最上面的栗色部分。 它基本上是一个向外弯曲的三角形。 我知道我需要使用 calc 计算高度和宽度。 但我不知道从哪里开始。 但我需要它在顶部更胖。 div { position: relative; height: 200px; width: 200 ...

我怎样才能做一个全边框的矩形+八边形？

[英]How can i do a rectangle + octagon with full border?

我想做的形状 我通过搜索类似问题得到的形状我希望形状有完整的边框（如图所示）。 在这个形状里面它会有更多的内容，所以我需要它旋转或类似的东西，有人知道吗？ 这是我到目前为止的代码，我正在使用 sass，我已经从多个网站进行了研究，并看到其他人类似的问题，其他人在堆栈溢出中做了什么，但没有任何结果对 ...

如何在 react/react-native 中实现仅弯曲启动的底部导航栏？

[英]How to implement curved-start only bottom navigation bar in react/react-native?

这个赏金已经结束。 此问题的答案有资格获得+50声望赏金。 赏金宽限期在14 小时后结束。 Extreme Geek想引起更多人对这个问题的关注。 我想制作这样的底部导航栏，曲线固定在那里并且当您按下选项卡按钮时不会移动，尝试了 svg 路径和d3-shapes但无法找到正确的点/尺寸来制作结束 ...

如何创建文件夹形状的元素

[英]How to create a folder-shaped element

我试图弄清楚如何创建一个具有文件夹形状的元素，一个包含其他元素（如文本）的父元素。 我试图创建的元素应该是这样的： 我用剪辑路径尝试过，但包含的元素不可见。 此外，边框看起来很奇怪，并且在实施时不可见正确的背景渐变（现在我将其注释掉，可以看到该元素）。 div { displa ...

CSS这个形状可以做吗？

[英]Is it possible to do this shape CSS?

我被要求在响应式网站上制作这样的背景。 我考虑过使用渐变准备两个 div，但这是一个很大的问题。 甚至有可能做到吗？ 使用它作为背景图像对于更高和更低的分辨率来说都很麻烦。 有任何想法吗？ ...

具有圆形图像和切出 div 的响应式网格

[英]Responsive grid with a circular image and cut out div

我需要一些帮助。 我正在尝试实现以下布局 - 一个矩形 div，左侧包含文本，右侧包含圆形图像，与此类似（但顺序相反）。 我也在使用 Bootstrap 进行布局。 例子 StackOverflow 上提出的解决方案的问题是它们需要定义圆的高度和宽度，而我需要它能够响应。 最接近的是使用径向渐变，但 ...

在 CSS 中生成一个长方形盒子，上面有一个粗直的右箭头

[英]Produce a rectangle shaped box with a heavy straight right arrow in CSS

我正在尝试生成一个连接到重箭头（右向）的矩形，如下所示： （链接到那些使用深色主题的图像） 我通过将形状分成几部分来尝试这样做。 我尝试先绘制矩形（并将其放置在与箭头支架相同的 class 中），然后绘制箭头的底部。 最后，头部使用旋转和透明度。 在我当前版本的 CSS 代码中，似乎无法将箭头移 ...

使用 CSS 在反应日期选择器中的当前日期下方添加点

[英]Adding dot below current date in react datepicker using CSS

我想在今天日期数字下方添加 1 个小圆圈/实心点，例如，如果今天是 3 月 1 日，那么在数字 1 下方的日期选择器中，日期选择器上应该有一个点。 我尝试添加 css 样式，例如， 对于下面的注释所在的代码，但发生的是日期选择器中的数字本身被扭曲并四处移动，或者蓝色圆圈出现在数字的顶部，数字本身出现 ...

元素与 svg 形状之间的白线

[英]White line between an element and svg shape

大家好，我正在使用从 shapedivider 生成的 svg 整形器，你可以看到，有一条白线，我不知道为什么它在那里以及如何删除它。 请你帮助我好吗？ 有形状分隔符的代码： .custom-shape-divider-bottom-1640714253 { width: 100%; over ...

旋风形状与 CSS

[英]Cyclone Shape with CSS

我正在尝试为旋风制作动画，但我不知道如何使用 CSS 创建旋风形状。 现在我只有这个 我希望形状看起来像这样这甚至可能吗？ 如果不是，我还能做些什么来改变 Javascript 的颜色？ ...

如何在三角形内刻文字？ (CSS)

[英]How to inscribe text inside a triangle? (CSS)

第一次在外部使用剪辑路径和形状，我试图在三角形内写入文本，文本被剪辑，我已经尝试过 svg 解决方案，但文本变得非常难以阅读，这对 seo、文本阅读器等不利（类似于“lor em ip 总和") 我想达到什么所以我正在尝试这个解决方案，它部分工作，但显然顶部区域不能通过侧面形状“加入”，但我开始认 ...


排序:
质量:
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM