如何使用CSS/SVG创建此形状？

文章/答案/技术大牛

发布

2回答

、、

有没有更容易在CSS/SVG中创建这两个形状的方法？我已经尝试了一些不同的方法，但我似乎不能做到这一点。我试图在顶部创建半圆，但它看起来不是形状的方式。我如何创建它？*, *:before, *:after{ } position: relative;device-width, initial-scale=1.0

浏览 57提问于2021-03-15得票数 1

回答已采纳

1回答

定制形状形式

、、、

我有一种适合自定义形状的表格。问题是，如果附加更多的输入，如何扩展此形状。我试着：·CSS剪辑-路径，但是.可压缩性·背景图像PNG/JPG，缩放质量差

浏览 3提问于2015-09-16得票数 0

回答已采纳

1回答

当svg使用粘滞位置和底部属性放置在文档上时，出现了空白的灰色空间

、、

需要在文档上绘制形状。因此，我们使用svg在文档上绘制形状。我们使用下面的css把它放在文档上。crosshair: bottom: 500px;<pdfviewer height="1800" /> <svgclassName="svgPos" height="

浏览 27提问于2021-10-29得票数 0

1回答

如何使用CSS创建此形状？

我需要创建这个形状：这不能使用border-radius实现(据我所知)。 Obs:，这不是一个椭圆形的形状，在这个问题中讨论过：

浏览 3提问于2016-07-28得票数 0

3回答

如何使用CSS创建此形状？

、

如何使用CSS制作此形状？我可以使用CSS编写下面的代码，但是生成的形状输出有点差。我们能用CSS来做吗？

浏览 0提问于2018-04-11得票数 3

回答已采纳

4回答

如何使用CSS创建此形状

、、

红色边框下的形状：我非常努力地使用CSS3来实现这种形状，但一直失败。我还尝试添加border-bottom和border-left。请参阅CSS代码，以了解我在做什么：#trapezoid { height: 100px; margin: autotransparent; transform: rotate(0deg);<div i

浏览 8提问于2017-07-11得票数 0

1回答

掩模视频SVG形状

、、、、

我想把一个视频插入一个SVG形状。我尝试使用mask CSS，并使用CSS创建形状，以使用overflow: hidden，但什么也没有。我需要你的帮助！

浏览 2提问于2019-10-16得票数 1

回答已采纳

3回答

如何从圆角上切角？

、、

如何使用CSS以包含文本的方式创建此自定义形状？我用插图设计了它，当我将它导出为" svg“时，svg代码如下所示：<svg version="1.1"

浏览 0提问于2018-05-17得票数 0

回答已采纳

1回答

当region设置为Canada时在google geochart上隐藏美国

、、

当region设置为Canada时，我需要在地理图表上隐藏美国：函数drawVisualization() {var data =新的google.visualization.DataTable()； data.addColumn('number&

浏览 1提问于2013-06-07得票数 0

回答已采纳

3回答

对带有字行的子代css感到困惑

、

我正在努力理解下面的CSS。li a {}.axis path, fill: none; }

浏览 3提问于2015-07-03得票数 0

回答已采纳

1回答

如何使不规则形状的SVG重叠，同时维护所有区域的可点击性？

、、、

我已经创建了4个SVG(所有相同的形状)，向左浮动。我试图使它们重叠(因为这样看起来更好)，但问题是，由于它们的形状不规则，一些区域变得不可点击。我用它作为CSS代码： float: left; width: 24%;}我如何正确地编码CSS以便我可以点击每个箭头的任何区域？我在<<e

浏览 1提问于2015-12-07得票数 5

回答已采纳

1回答

悬停到自定义形状。怎么做？

、、、

如何创建一个CSS三角形(例如)，它只会在三角形的边框内触发悬停事件？在实践中，它将在游戏中的位置和它上的不同对象，这应该是模糊的，如果我们悬停。

浏览 1提问于2013-05-07得票数 7

回答已采纳

1回答

使用CSS蠕动

最后一块拼图是为“piece”形状构建一个squiggle类。我怎样才能用CSS做曲线形状呢？

浏览 2提问于2013-01-26得票数 3

回答已采纳

1回答

如何在SVG中创建此形状？

、、

现在，我的酒吧底座使用椭圆表示为阴影。：。编辑.data(data).append("ellipse") .attr("cx", function(d) {

浏览 2提问于2014-02-27得票数 3

回答已采纳

2回答

使用CSS使圆相交

、

我正在尝试创建这个使用CSS。实际上，这是三个相交圆的中心点。我认为这是可能的，但似乎无法弄清楚。但是话又说回来，CSS不是我最强的项目。帮助?

浏览 5提问于2016-01-19得票数 1

1回答

边线，底部弯曲，顶直

、、、、

我使用nuxt.js和顺风进行css。我还没有完成代码，但是您可以看到我想要的行在哪里。我也在检查如何在正确的地方得到照片。

浏览 5提问于2022-03-08得票数 -4

1回答

那么，如果图像映射和切片被淘汰，那么什么才是流行的呢？

、

考虑到这一点，让复杂形状变得可点击的最好方法是什么？我已经对多个图像做了一些工作，并使用z-index来更改外观，但是对于更复杂的图像(更适合多边形图像映射)，是否有一种公认的最佳方法？

浏览 0提问于2014-02-17得票数 4

1回答

目标是基于一个SVG创建具有不同符号的多个按钮(在我的例子中是两个)。我有一个包含3组矢量形状的SVG文件。一组是需要用特定颜色(悬停)填充的背景。另外两个组包含不同的符号(椭圆、正方形)，并在末尾使用ZZZ命名。一个按钮应该显示椭圆形，另一个按钮应该是方形的。我已经将SVG中的这两个组设置为“targeted.Content :none”，除非它们是test.svg的targeted.Content，如下所示： <svg xmlns="

浏览 1提问于2018-10-02得票数 0

1回答

有没有办法用javascript计算svg元素的混合混合模式(css)？

、、、、

我们有一个简单的svg由5个形状组成。我们想用图层颜色“混合-混合-模式”这个svg。但是，此css属性在internet explorer上不起作用。有没有办法计算出我们的svg的每个形状的结果是什么？svg:element 2: blueelement 4: white没有透明度。

浏览 1提问于2016-06-15得票数 0

4回答