CSS在三角形元素内添加文本
的方法有两种：
- 使用伪元素添加文本： 通过CSS的伪元素选择器(::before或::after)在三角形元素的前后添加一个伪元素，并在该伪元素中添加文本内容。然后使用CSS的定位属性将伪元素放置到合适的位置。下面是示例代码：
- 使用伪元素添加文本： 通过CSS的伪元素选择器(::before或::after)在三角形元素的前后添加一个伪元素，并在该伪元素中添加文本内容。然后使用CSS的定位属性将伪元素放置到合适的位置。下面是示例代码：
- 使用伪元素添加文本： 通过CSS的伪元素选择器(::before或::after)在三角形元素的前后添加一个伪元素，并在该伪元素中添加文本内容。然后使用CSS的定位属性将伪元素放置到合适的位置。下面是示例代码：
- 在上面的示例中，通过设置
.triangle类的边框属性，可以创建一个向下的红色三角形元素，并在伪元素::before中添加了文本内容。通过设置伪元素的position为absolute，以及top、left、transform等属性，将文本内容定位在三角形元素的中心位置。 - 使用可伸缩背景图像： 可以创建一个包含文本内容的背景图像，然后将其应用到三角形元素的背景上，以实现在三角形元素内添加文本的效果。下面是示例代码：
- 使用可伸缩背景图像： 可以创建一个包含文本内容的背景图像，然后将其应用到三角形元素的背景上，以实现在三角形元素内添加文本的效果。下面是示例代码：
- 使用可伸缩背景图像： 可以创建一个包含文本内容的背景图像，然后将其应用到三角形元素的背景上，以实现在三角形元素内添加文本的效果。下面是示例代码：
- 在上面的示例中，通过设置
.triangle类的背景图像属性为一个包含文本内容的背景图像，并使用background-size: cover确保背景图像填充整个三角形元素。通过设置文字颜色、文本对齐方式以及行高等属性，将文本内容居中显示在三角形元素内。
无论是使用伪元素添加文本还是使用背景图像，都能在三角形元素内实现添加文本的效果。具体选择哪种方法，可以根据实际需求和具体情况来决定。
腾讯云相关产品和产品介绍链接地址：
相关·内容
2回答
我试图使这些div重叠，使文本位于三角形内，但文本只能在三角形外移动。
这是HTML+CSS：
<div class="tri">
<div class="test">
This is test
</div>
.tri {
width: 0;
height: 0;
border-top: 100px solid black;
border-left: 100px solid transparent;
position:relative;
}
.tes
浏览 3提问于2013-08-28得票数 0
回答已采纳
2回答
包含文本的CSS三角形
、、、
我手头有一个奇怪的问题，我正在努力寻找解决办法。
我只使用CSS创建了一个三角形<div>“容器”，但我现在想要的是在容器中插入一些文本。
我瞄准的解决方案必须包含在三角形边界内的文本，无论插入多少文本，因为我希望创建缩略图。
一个例子可以找到注释；这个例子非常基本，只显示了我选择的创建三角形的方式。
再往前推一点，我想创建一个三角形，一个朝上，一个朝下，文本必须在每个三角形的底部，所以对于第一个三角形，文本在底部，对于第二个三角形，B是在三角形内垂直和水平地居中。
CSS:
.up {
text-align:right;
width: 0px;
heigh
浏览 6提问于2013-02-27得票数 11
回答已采纳
我正在使用HTML5的Summary/Details标签来隐藏/显示文档页面上的额外文本。额外的文本很长，摘要标记的打开/关闭特性是您必须单击摘要行才能使其同时打开和关闭详细信息块。这意味着在向下滚动长文本长度后，必须向上滚动到摘要标记，才能单击将其关闭。
我希望能够单击详细信息部分的底部以关闭它。使用CSS，我可以在细节部分的底部添加一个“关闭”三角形。可以执行什么操作(最好是在CSS中)以在三角形上单击以关闭细节块？
details[open]:after {
content:'▲';
}
浏览 14提问于2017-03-15得票数 1
回答已采纳
我使用CSS3 :after创建一个自定义形状:三角形顶部的矩形。我需要的文本在矩形的内部，应该在三角形的顶部。但是，字母的底部被三角形覆盖。我想知道是否可以使用CSS将文本放在两个图的顶部。
.position {
border-style: 1px solid red;
z-index:1;
color:white;
font-size:20px;
text-align:center;
background:red;
height: 16px;
width: 32px;
position: relative;
margin: 0 auto;
padding-top:2px;
}
.
浏览 0提问于2014-01-21得票数 0
在中如何使用公开三角形，它直接显示在三角形右侧的标签。
但是，当我在Interface中将其中一个放在视图上时，文本就位于三角形的顶部。我已经搜索了NSButton API文档，并查看了我在IB中可以找到的所有内容，但是没有任何尝试会将文本放在三角形的右边。我遗漏了什么？
浏览 3提问于2011-01-19得票数 3
回答已采纳
我正在阅读本论文，并使用它来完善我的游戏引擎的窄相位碰撞系统。为了使问题尽可能独立，用于检测碰撞的基本策略是:缩放您的轴，将问题降为单位球面/三角形碰撞，计算三角形平面等，并查看与平面最接近的交点是否在三角形内(可能使用重心坐标)。
然而，除了这一点(本文第3.4节)，我开始感到困惑。他开始谈论一些相对密集的数学计算，在测试这个点是否在三角形内部后，测试球/平面交点是否在三角形的一个边或顶点上。我的问题是:为什么有必要花费这么多计算能力来检查三角形的边缘呢？更具体地说，为什么使用重心坐标的原始计算不一定计算顶点和边？
浏览 0提问于2015-06-19得票数 3
回答已采纳
我想用css创建一个向上和向下的箭头，如下所示：
然而，代替纯色，我想设置它，使其内部是白色的，并且在三角形周围只有一个边界。(因此三角形应该是多色的，内部是一种颜色，边框是不同的颜色)。
这是可能的吗?如果可能，如何实现？
浏览 3提问于2012-02-29得票数 10
回答已采纳
1回答
我有一个带有css的半三角形代码，但是我需要把它放在三角形中点的边框半径上，就像图像一样：
width: 0;
height: 0;
border-style: solid;
border-width: 0px 30px 20px 0;
border-color: transparent #bde5ff transparent transparent;
border-top-left-radius: 2px;
知道吗?？
浏览 3提问于2017-09-09得票数 3
回答已采纳
2回答
我正在实现一个CSS三角形，但它在右边有空格。我想在三角形的右边显示一些文字。我试过编辑毛边和衬垫，但没有成功。我发现了其他CSS三角形的例子，比如，它的右边也有空格。
有人建议怎么去掉这个吗？
我用了
使用此CSS代码
width: 0px;
height: 0px;
border-style: solid;
border-width: 35px 22.5px 0 22.5px;
border-color: #ff5154 transparent transparent transparent;
下面是示例
浏览 2提问于2014-03-10得票数 0
回答已采纳
2回答
取消隐藏图像链接上的另一个div
、、、、
在这里搜索之后，我尝试了几种补救方法，但似乎无法成功。
两个独立的div :在不同的列中有4个图像链接的div (每个都有CSS褪色滚转效应)，而下面有一个div，在全宽列中有一个简单的文本行。我试图隐藏文本div，并在三角形图像滚动显示它。
下面是图片和第一个文本的链接，如下所示：
<div id="triangles>
<a>image1</a>
<a>image2</a>
<a>image3</a>
<a>image4</a>
</div>
&
浏览 6提问于2013-10-03得票数 0
回答已采纳
我正在尝试通过使用伪元素::before和::after来使用CSS创建一个演讲气泡。它在Chrome中看起来还不错，但在Firefox中三角形的轮廓看起来一团糟。有没有人知道这是什么原因，我能不能解决？
我使用的是FF 9.0.1和Chrome16。在firefox中，我在三角形周围看到了一些奇怪的伪影，这些伪影在Chrome或IE9中是不会出现的
浏览 3提问于2012-01-10得票数 1
回答已采纳
4回答
悬停并单击CSS三角形
、、、
我有一个带有javascript函数的三角形来移动那个图像。
问题是该元素具有方形形状，因此单击和悬停状态在三角形之外被触发(请参见下图中的红色部分)：
如何防止悬停并单击三角形形状之外的区域，并且只允许在三角形形状内单击/悬停状态？
浏览 3提问于2014-06-06得票数 11
回答已采纳
我有一个三角形，它的周长由一个EdgeCollider2D表示，当玩家到达这个区域时，我想触发一个事件。
因此，我将对撞机设置为触发器，并在代码中使用了OnTriggerStay2D函数。
但是，只有当玩家与对撞机的直线相交时，事件才能起作用，而不是当玩家在三角形内而不是接触边缘的时候。
当我在三角形内，而不是接触边缘时，我如何继续获取OnTriggerStay消息？
浏览 0提问于2018-07-12得票数 0
1回答
我试图写一个算法来确定点是位于三角形内还是在它的边缘上，在三维坐标空间中。例如，我试图在不同的情况下得到这样的结果。
我已经知道了如何检查三角形内的P点，我计算了三角形的法向量，BCP，CAP，CAP，并检查它们是否相似。
有人能解释如何检查一个点是否在三角形的边缘(但不在三角形之外)吗？您可以根据自己的意愿提供公式或代码。
浏览 4提问于2022-02-16得票数 0
在上面的文章中，我已经包含了几个伪元素，这让我摸不着头脑。我喜欢在鼠标悬停时显示的浅蓝色三角形/播放按钮，但我不明白为什么当我特别将鼠标悬停在三角形上时，红色高亮显示会消失。有没有一种简单的方法可以同时显示这两个元素？
下面是那个特定的:after元素的CSS
.container a:hover:after;
content: '\25b6';
font-size: 75px;
color: #7FDBFF;
position: absolute;
display: inline-block;
margin-left: -13%;
margin-top: 8.85%;
op
浏览 0提问于2015-12-21得票数 1
我正在尝试弄清楚如何在我的主窗口应用程序上进行UI设计，如下所示：
基础对象是一个DockPanel -我知道我可以设置DockPanel背景来在那里设置图形，但是Top Dock区域总是覆盖背景的三角形区域。我不知道如何将包含按钮的顶部Dock区域设置为“隐藏”在三角形图形后面。有没有人知道能达到这种效果的好方法？
浏览 0提问于2012-04-02得票数 1
回答已采纳
我有一个文本组合，我想在它上面应用一个三角形，我成功地应用了tringle，但文本没有在三角形内部环绕，看起来这个形状并没有将视图切成tringle，它只在它上面或类似的东西上绘制。 代码如下： Text(
modifier = Modifier
.clip(TriangleShape)
.background(
Brush.horizontalGradient(
listOf(
Color(0xff4F0D37),
Color(0xf
浏览 10提问于2021-07-04得票数 1
我已经创建了一个三角形，使用多边形对象，连同onMousePressed，拖动发布的事件，允许三角形在屏幕周围成为MouseDragged。在我创建的JavaFX应用程序(用于独立笔记本电脑)游戏中工作得很好。
问题是，我希望三角形MouseEvents只在三角形形状边界内发射，而不是在三角形之外。目前，事件似乎在多边形-三角形不可见矩形布局边界(即嵌入/包围三角形的不可见矩形)内的任何地方触发。这种行为允许拖动三角形: 1)游标在三角形之外& 2)游标在多边形-三角形不可见矩形边界内的任何位置。
这种行为使用户感到困惑: 1)无意中拖动三角形，2)其他游戏片段的阻塞事件(这些事件与不
浏览 0提问于2018-11-07得票数 0
3回答
显示非矩形TextBlock
、、、、
我想在三角形区域中显示文本。但是我不知道如何改变TextBlock的形状，使文本显示在三角形区域而不是常规的矩形区域。
下面是我的UserControl的简化代码：
<Grid >
<Image Height="100" Width="100" /> <!-- Some triangular image -->
<TextBlock Height="100" Width="100" Text="This text should fill up the trian
浏览 0提问于2011-08-26得票数 4
1回答
我有一架3点(三角形)的飞机。我如何才能产生一个随机点到这个平面指定的距离？生成点的投影也应该在三角形内。
浏览 8提问于2015-03-06得票数 0
1回答
网页的动态日志窗口
、、、、
我正在建立一个网站，用户可以在上面画物体。
我想要建立一个窗口来记录用户所犯的任何错误。
例如，绘图规则仅允许在三角形内画圆。然而，一个用户来画一个三角形内的正方形。系统仍然允许并执行它的用户需要。但是会有一条警告信息，比如日志窗口(位于页面底部)中出现的“只允许在三角形内的圆圈”。每当用户修复错误时，窗口中的警告就会被删除。(由于这个功能，我认为它应该称为动态日志窗口)。
我用的是JavaScript和ExpressJS和dojoJS。
有人能告诉我怎么建这样一个窗户吗？我对网络开发很陌生
任何帮助都将不胜感激。
我想在我的网站上建一个这样的窗口
浏览 2提问于2015-06-28得票数 0
回答已采纳
2回答
我一定错过了一个简单的步骤。我在CSS中创建了一个三角形，并试图将文本放在三角形的顶部。如果没有width:0;和height:0;，它就能工作，但是如果没有它，三角形的大小是不正确的。文字在那里，但它不会显示在三角形上。有人能帮忙吗？
.log{ /*bottom*/
width:0; height:0;
top:73.2%; left:36.4%;
z-index:2;
background-color:#E3DFD2;
border-top:12vw solid black;
bor
浏览 1提问于2017-04-25得票数 2
回答已采纳
4回答
确定点是否在三维三角形内
、、、
我正在寻找确认我的看法，一个方法，以确定一个点是否位于一个三角形内，或不在三维。
给出一条R(t) =e+ td形式的射线和一组在三维中形成三角形的三点T= {V0，V1，V2}，我知道如何找到三点所形成的平面的参数方程，以及如何确定射线是否与这个平面相交。最后，如果它相交，我想知道交点实际上是否在三角形边的边界内。
请看下面我的照片。
我想的是，我可以计算出每个边向量和向量之间的点积，从边向量的第一个边到点，并检查它们是否都是正的。如下所示：
如果是这样的话，点应该在三角形内。对吗？这种方法不也是计算机图形学中确定背面的方法吗？
浏览 3提问于2016-05-31得票数 9
回答已采纳
1回答
我是XNA 4.0的新手，有一个问题我似乎不太清楚。到目前为止，我已经通过创建矩形和检查rectangle.contains方法来检测鼠标点击，但是如果我不想在矩形内进行检查呢？
在我的地图的一部分，我有一个三角形按钮，我想让用户点击，但我想只计算为点击，如果它实际上是在三角形内。如果我在三角形周围创建一个矩形，用户将能够在纹理区域之外单击，如果你明白我的意思的话。
我该怎么做呢？
浏览 0提问于2013-01-29得票数 0
回答已采纳
我正在看这段代码，如果你将鼠标悬停在三角形元素上，你会看到动画。然而，我不想停留在它上面，而是想用JavaScript编程来完成它。这就是我到目前为止所做的：
document.querySelector('.triangle').classList.add('animateSpeak');
并添加了一个新的css类
.animateSpeak {
animation: vibrate .5s infinite ease-out;
}
动画正在工作，正如你在这里看到的，，左边的部分只是动画。我是不是做错了什么？
浏览 1提问于2017-04-13得票数 1
4回答
我正在寻找一种方法，使各种几何形状只使用HTML/CSS。我找到了我的答案，，但它不允许我给边界，我的形状。例如，我可以得到一个倒等腰三角形，使用
#triangle-down {
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-top: 100px solid red;
}
它给了我这个输出：
但是，现在我不能像这样在三角形中添加边框：
有什么办法能实现我想要的吗？另外，它是否有可能适当地给予效果(如阴影效应等)。
浏览 8提问于2013-12-24得票数 1
回答已采纳
1回答
这是一个真正的css挑战，我认为这是不可能的：
我做了一些白色的css三角形。当你将鼠标悬停在三角形上时，白色三角形应该会在照片中发生变化，照片也会像三角形一样裁剪。我为它做了一个jsfiddle：
感谢您的任何帮助
浏览 6提问于2013-07-14得票数 1
回答已采纳
1回答
嵌入三角形的球
、、
我开始读有关游戏物理的文章，他们说了很多次。什么意思？下面是文章中的一个示例：
首先，我们检查三角形内部的简单情况-碰撞。如果发生这种情况，它必须是在时间t0，因为这是当球停在三角形平面的前侧。注意，只有当球面没有嵌入三角形平面时才会发生这种情况。
浏览 0提问于2015-07-09得票数 0
回答已采纳
2回答
当你将鼠标悬停在框上时，有一个三角形，我试图将文本"project 1“放在三角形内，但由于某种原因，它一直在它的外面。我觉得我可能错过了什么。
另外，三角形不应该有向右的直边，文本就是这样的。
.img {
width: 310px;
height: 225px;
background-image: url("http://i58.tinypic.com/33mphuh.png");
margin: 10px;
float: left;
position: relative;
overflow: hidden;
}
.hover {
浏览 2提问于2015-02-06得票数 0
如何将UIBezier路径的内部涂上颜色？我正在做一个简单的三角形，并想用红色在三角形内部着色。
class GraphView : UIView {
override func drawRect(rect: CGRect) {
UIColor.redColor().setFill()
UIColor.greenColor().setStroke()
let path = UIBezierPath(rect: rect)
path.moveToPoint(CGPointMake(100,620))
pa
浏览 3提问于2016-05-02得票数 0
回答已采纳
1回答
希望你今天过得愉快。我的问题是，我需要在三角形div中放置一个图像(以获得图像的三角形轮廓)。这个三角形div是创建的，好像它只是div的一个边框，并且div本身有0的高度和宽度。
#triangle{
height: 0;
width: 0;
border-width: 400px 0px 0px 500px;
border-style: solid;
border-color: transparent transparent transparent red;
float: left;
border-style: inset;}
每当我
浏览 4提问于2016-02-14得票数 0
回答已采纳
1回答
我想画一个三角形并省略掉形状中的文本。我可以将三角形限制为一个等边三角形和一个固定的方向(“倒置”或“倒置”)。然后，我想在三角形中插入任意文本，以便省略在单词边界上，而不是被裁剪。
有什么简单的算法吗？Objective-C中有哪些方法可用？
我正在考虑计算“字体高度”和宽度的矩形的线，当它与三角形的边相交时，以顶部边为界限。然后将剩余文本的文本绘制到每个矩形中，直到完成。
浏览 0提问于2010-02-23得票数 0
回答已采纳
我的文本旁边的三角形是垂直对齐的顶部，而不是在同一水平的文本。
看上去，
柱塞代码是。
我三角形的css是，
.arrow-down {
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #000;
}
注意:或者，我尝试使用unicode \25BC显示一个三角形，但它没有出现。
<span class="triangle">&
浏览 5提问于2016-04-18得票数 0
回答已采纳
一个人怎样才能记录物体什么时候互相撞击？下面是一个子弹(div)的例子，子弹在空中飞行，击中一个三角形(svg polygon)。如何才能知道子弹何时在三角形的绿色区域内？
var left1 = parseInt(document.getElementById("bullet").style.left);
var left2 = 0;
setInterval(bounce, 10);
function bounce() {
if ( left1 < (window.innerWidth - 35) ) {
left1++;
left2 =
浏览 1提问于2015-10-04得票数 0
1回答
如何创建一个CSS三角形(例如)，它只会在三角形的边框内触发悬停事件？
在实践中，它将在游戏中的位置和它上的不同对象，这应该是模糊的，如果我们悬停。
请注意，在此中，span:hover样式在输入元素的矩形边界(而不是三角形)时触发。
浏览 1提问于2013-05-07得票数 7
回答已采纳
我意识到在上面有一个三角形的下拉菜单是这样的：
现在，当光标只在三角形上滚动时，如下所示：
但是，如果光标位于div上方，则将像这样触发两种情况下的滚转效果：
当光标在三角形上移动时，我想要触发两个元素的悬停效果。有人能告诉我我在这里做错了什么吗？
这是我的CSS：
.msg_archivedropdown {
position: absolute;
color: #fff;
left: 40px;
top:0%;
background-color: #659DBD;
z-index: 100;
displa
浏览 1提问于2019-01-24得票数 0
回答已采纳
1回答
用java创建三角形滑块
、、、
我正在试着做一个这样的滑块。我可以弄清楚如何制作三角形，但像拖动节点、将其位置限制在三角形内以及根据节点坐标确定值等功能现在还不是我能理解的。
我在网上看过，但我不确定该怎么称呼它，所以研究它是很困难的。
浏览 1提问于2019-07-25得票数 0
1回答
我使用jQuery和CSS创建了一个很酷的效果，箭头在一个大三角形的屏幕上飞过。问题是我只希望移动的箭头在三角形内时是可见的。即使箭头的一个像素在三角形内，该部分也应该可见。
演示：
CSS:
.arrow_first {
position: absolute;
top: -108px;
left: -142px;
border-left: 44px solid transparent;
border-right: 25px solid transparent;
border-top: 60px solid white;
z-index
浏览 3提问于2013-08-11得票数 2
回答已采纳
因为这很难解释，我会给你看一张我假装的照片。
问题不是“三角形”，而是要在三角形生成的“空间”中显示的图像背景。
浏览 1提问于2018-05-17得票数 0
回答已采纳
3回答
#customers tr.alt td
{
color:#000000;
background-color:#EAF2D3;
}
#customers是table的id。因为我是CSS新手，所以上面的方法是一个有效的选择器吗？在CSS中，我只找到了element element选择器。但在这里的问题中有三个元素：table tr td。我还没有找到一个三元素选择器的例子。那么CSS中是否存在三元素选择器呢？
浏览 1提问于2013-04-16得票数 0
3回答
我需要一个算法(3D)，它可以确定点是否属于三角形。如果是的话，我想知道三角形中的某个点和另一个点之间的距离。三角形可以稍微旋转，但如果点在三角形的垂直范围外，则不应视为三角形内的三角形。
现在我意识到，我的问题可能没什么意义，所以这是一张图片，它解释了我想要什么。
灰色线显示，三角形实际面对的方向。
实际上，我并不是想检查一个点是否在棱镜内，但当我发现点是否位于三角形内(不完全是，可能在顶点或下面)之后，我需要找到点和它所属的三角形之间的距离。取决于距离函数，如果这个点在三角形内，它最终会返回。有些不准确是允许的。然而，也许我想检查一个点是否在棱镜内，但不知道。我数学太差了，所以
浏览 3提问于2011-11-30得票数 1
回答已采纳
2回答
我得到了三角形网格中的三角形列表，如下所示：
__________________
/\ /\ /\
\ / \ /
\ / \ /
____\/______\/____
/\ /\
/ \ / \
/ \ / \
\/______\/______\/
/\ /\ /\
\ / \ /
\ / \ /
____\/______\/____
三角形既可以存在，也可以不存在。我需要在三角形周围找到一条路径，如下所示：
========
\
浏览 4提问于2011-09-04得票数 0
回答已采纳
我想在下面的图片中创建一个看起来像红色三角形的三角形：
因此，我尝试了以下css的运气：
HTML：
<div class="div-1"></div>
<div class="div-2"></div>
<div class="div-3"></div>
CSS：
.div-1 {
position: absolute;
bottom: 0; left: 0;
border-bottom: 385px
浏览 6提问于2017-06-20得票数 1
回答已采纳
1回答
假设我在一个物体的画布上呈现了四种不同的形状。
var shapes = [
{ shape1 : 'A cool Triangle', structure: triangle(40,40,40,40,40,40) },
{ shape2 : 'A cool Rectangle', structure: rect(220,220,220,220) },
{ shape3 : 'Another cool rectangle', structure: rect(140,140,140,140) }
]
然后，我们在我们的设置代码中使用一个
浏览 5提问于2017-09-19得票数 1
回答已采纳
我想绘制表单的一个函数
f(p,q)=0
在区域0 < p < 1, 0 < q < 1-p中。我使用了ezplot
ezplot('f(p,q)',[0,1])
这是我能做的。但它看起来更丑陋，因为该函数仅在三角形区域0 < p < 1, 0 < q < 1-p中定义良好。所以在这个区域之外，我认为，它只是绘制函数的实部/虚部，因此是更丑陋的部分。但我只想在三角形区域0 < p < 1, 0 < q < 1-p中绘图。
有人能帮帮忙吗？
浏览 1提问于2012-07-24得票数 0
我有一个用户绘制的三角形，所有的点都存储在一个n数组中。然后我想从这些数据中用直线画出一个“正确的”三角形。谁能给我指个正确的方向。另一种选择是强制用户在三条单独的线中绘制三角形，并仅使用每条线的起点和终点来绘制三角形-但我倾向于避免这种方法。
感谢所有的帮助。
问候
浏览 1提问于2011-03-22得票数 0
回答已采纳
2回答
全屏响应式三角形图案
、、、
最近，我深入研究了移动用户体验设计，发现了一个关于1只手/拇指选择的有趣话题。
主要的想法是，你有两个三角形区域，可以用拇指点击。我确实试图通过CSS或jQuery找到一个解决方案来创建两个可点击/可触摸的三角形区域，但我失败了。
我试过了：
图标字体svg(这不起作用，因为svg仍然是矩形的)带有边框的 fontsjQuery，(效果不是很好)ASCII div在这方面没有什么真正有用的:/旋转的divs (CSS转换)
你有什么建议，我如何才能实现2个响应式三角形，适合屏幕，不重叠，在这个屏幕上，是可点击和访问的DOM？
UI的要点是，用户需要(在视觉上)看到点击/可触摸区域，以便确定交互
浏览 2提问于2014-02-13得票数 8
1回答
我想要添加三角形到一个块的边上，使它成为一个箭头。但它需要灵活并适应不同长度的文本。我认为传统的css三角形边框生成技术不会起作用，但到目前为止我得到的就是这些()。还有其他人有更健壮的解决方案吗？
只要能很好地降级，尖端的css就没问题。
浏览 3提问于2012-07-27得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
