用css制作形状奇特的元素

文章/答案/技术大牛

发布

1回答

css、css-shapes

我正在尝试制作一个形状奇特的对话框，形状就像下面的链接(没有摇摆的尾巴)。我曾考虑过通过polyfill来实现，但这最终使元素变得太大。我想也许我可以使用伪元素，但我不认为我可以在效果后面放置一个阴影，并且只有两个伪元素的奇形怪状的顶部/底部。我能想到的最好的方法是将多个div嵌套在主top中，并用absolute定位它们，然后手动设置top，

浏览 0提问于2017-07-22得票数 3

回答已采纳

1回答

只有一个元素的CSS空间入侵者

css、shape、css-shapes

我们可以用纯CSS制作很多形状，比如在中，你总是只写一个元素(这里是<li>)。我可以只用一个元素做形状吗？如果是，是如何实现的？

浏览 0提问于2012-07-06得票数 2

回答已采纳

3回答

如何制作一个形状奇特的html/css菜单？

html、css、css-shapes

在网站上制作一个形状奇怪的菜单，比如附件，该用什么方法呢？圆圈的每一块都应该是一个单独的链接。鼠标悬停应该相当精确，尤其是在靠近中间的位置。(绝对的20px中间可能根本没有联系，如果不可能达到100%精确的话)我见过使用重叠矩形制作的不规则菜单，例如：形状是重叠的，但菜单是由矩形制作的，会发生一些作弊。然而，在我的例子中，重叠

浏览 1提问于2012-07-15得票数 2

回答已采纳

1回答

旋转使用OpenGL绘制的二维对象

c++、opengl、graphics、rotation

我用OpenGL制作了一个奇特的形状，并绘制了这个函数的形状：在函数内部，我有告诉OpenGL顶点位置的代码： glColor3f(1.0, 1.0, 1.0); glVertex2f(center.getXcenter.getY() + 1.0);

浏览 1提问于2012-03-27得票数 2

回答已采纳

1回答

如何为多个元素设置一个连续的背景图像

html、css

有没有办法在css中为多个元素设置一个背景图像？我有一个方形的演讲气泡，用常规的css制作，三角形用边框技术制作，但我想要一个背景图像来填充它们，这样看起来就像所有的裁剪在一起。除了正方形和矩形之外，我不知道使用html/css设计实体形状的任何其他方法。如果我可以创建一个实心形状的演讲气泡，那么给它一个bg就很简单了。我想知道HTM

浏览 0提问于2011-12-30得票数 1

回答已采纳

5回答

我们能用CSS做这个形状吗？

html、css

我想知道如何用CSS制作不同的形状，我遇到了这个。是的，我可以使用多个元素--即四个圆圈和身体的背景--实现它，但是有任何方法可以让它使用单个div元素吗？我们将不得不用内部曲线做一个正方形的div，这可以用CSS吗？

浏览 3提问于2021-09-28得票数 1

回答已采纳

2回答

有没有办法用Tkinter创建透明窗口？

python、user-interface、window、tkinter、transparent

最终，我试图用Python使用Tkinter模块创建“形状奇特的窗口”。但现在，我会满足于能够使背景透明，同时保持子部件完全可见。我知道这是用wxPython和其他一些模块完成的，但是我想知道Tkinter的局限性。它能否将鼠标单击位置传回给系统，以便处理Z堆栈中

浏览 16提问于2013-08-23得票数 21

7回答

用css制作图像形状？

html、css

最近我用图像来做这个。但是我认为css形状会比使用这个形状更好。所以，有人能好心地告诉我如何只在css中获得这个形状。我不想在这里用图像。任何帮助和建议都将是值得赞赏的。谢谢..。

浏览 7提问于2013-08-19得票数 0

回答已采纳

3回答

单击图像区域以更改该区域的颜色

javascript、html、css

如何在网站中实现类似于此gif中所示的功能？具体地说，用户点击图像的(非矩形)区域，然后该区域改变颜色的部分。很久很久以前，当互联网还很年轻的时候，有一种叫做图像地图的东西。这仍然是首选的方法吗？我听说过svg，它提供这种类型的功能吗？那canvas呢？

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

1回答

在使用列表索引数值数组时避免复制

python、numpy

有没有一种简单的方法可以使用列表或任何其他集合来索引数组，这样就不会复制(只获取数组的一个视图)。请不要试图根据下面的代码片段来回答这个问题-我用来索引元素的列表并不总是很短(即数千个元素，而不是4个)，并且列表是算法的产物，因此数字不一定是排序的，等等。

浏览 1提问于2014-05-23得票数 5

2回答

可以在HTML中创建多边形形状的元素吗？

html

我目前正在尝试制作一个梯形形状的button。我发现了一种创建形状的方法，其中包括CSS制作边框等等。CSS方法的工作方式是创建形状，但我遇到了一个问题，即整个元素都包含在一个矩形中，所以当您在梯形之外的空白区域中单击时，它仍然会注册为元素中的单击。简而言之，我试图使HTML元素成为梯形的形状

浏览 0提问于2012-11-21得票数 3

1回答

如何将多个元素作为一个对象

javascript、html

我使用多个div在css中创建形状，我想在javascript中将它们组合为一个对象来创建玩家，并能够使用箭头键移动玩家。我尝试使用class属性并使它们都使用相同的类名，但它不起作用。我可以在这段代码中添加什么来使它们位于对象/元素上？我怎么才能让它们都和箭头键一起移动呢？document.getElementById("playerArm"); 正如你所

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

1回答

圆角和纯css的梯形形状

css、css-shapes

我做了很多尝试，但仍然在努力用纯css制作这个梯形形状。 

浏览 1提问于2014-05-17得票数 2

回答已采纳

1回答

PhantomJS是否支持css形状？

css、phantomjs、css-shapes

我已经制作了一些带有css形状的网页，其中的文本与透明图像对齐，在浏览器中一切正常，但当我用PhantomJS呈现它时，一切都乱七八糟。PhantomJS是否支持css形状？

浏览 5提问于2016-01-04得票数 0

3回答

如何使用css在html中创建形状？

html、css

如何使用单个HTML元素创建形状？只要至少有一个浏览器支持，任何CSS技术都可以使用。形状的例子有圆形、三角形、六角形等等。

浏览 3提问于2012-09-25得票数 2

回答已采纳

3回答

如何在css中创建不规则的方形形状？

css、css-shapes

寻找用CSS制作这个特殊形状的代码。 

浏览 0提问于2018-09-22得票数 2

回答已采纳

1回答

带有圆圈或弧段的CSS剪辑/路径/蒙版/形状动画

css、animation、svg、geometry、shapes

我怎样才能以蛋糕、时钟或圆圈的形式制作一个动画形状，从一小片开始，然后随着时间的推移，填满整个圆圈：用CSS可以吗？还是我需要SVG？我找不到任何CSS形状，掩码，剪裁路径或任何可以与此形状一起工作的东西。非常感谢您的任何提示！

浏览 4提问于2021-04-28得票数 2

回答已采纳

2回答

在表单元格上创建工具提示？

javascript、jquery、html

我已经创建了一个HTML表，它有一个用javascript编写的函数，该函数获取一个大表格单元格中光标位置的值，然后将该值打印到一个单元格中。如何在工具提示中而不是表格单元中打印值？

浏览 0提问于2010-04-15得票数 0

1回答

用CSS3实现三维空间中的斜单元

html、css、shapes

我想用CSS3制作这个倾斜/旋转的元素。我尝试过使用clip-path，但是在创建形状之后，我无法向其添加边框、框影或边框半径。clip-path: polygon(5% 7%, 98% 0, 100% 83%, 0 74%); 我试过用transform，但这不仅是旋转的，因为两边有不同的方向。我也尝试过使用SVG，但是我发现的信息不足以解决我的问题。这是我的最后一个解决方案

浏览 3提问于2017-05-29得票数 3

回答已采纳

1回答

具有不重叠的框影的CSS3 "plus“图标

pseudo-element、css

我一直在玩用CSS制作形状。我发现，在您想要将box-shadow或border添加到使用::before和::after伪元素创建的元素之前，这一切都很好。下面是一个用两个元素制作的加号(+)图标的例子。我试图在这两个元素上放置一个box-shadow，但当然不希望最上面的元素(在本例中是::after)的阴影与底部元素重叠。

浏览 1提问于2013-10-08得票数 3

回答已采纳

点击加载更多