小编Twi*_*nxz的帖子

带图像的多边形

我正在尝试与CSS一起做一些形状.
里面有图像的多边形

如何用里面的图像制作这些形状?

css svg css3 css-shapes

4
推荐指数
1
解决办法
154
查看次数

在SVG中悬停在多边形上显示文本

是否可以在悬停时使用svg多边形形状添加文本?

我的代码是这样的

    <svg>
    <polygon class="st0" points="0,1.833 638,1.833 383,348.833 0,348.833 "/>
    <polygon class="st0" points="0,355.333 649,355.333 891.5,664.833 0,664.833 "/>
    <polygon class="st0" points="392.5,348.833 514.75,181.333 645.25,348.833 "/>
    <polyline class="st0" points="518.875,174.908 644.667,2.021 1139.833,1.52 1139.75,663.583 897.25,663.583 "/>
    </svg>
Run Code Online (Sandbox Code Playgroud)

当我检查了很多参考时,只有一个多边形的例子,但在我的代码中,我需要在SVG标签中有4个不同文本的形状.是否可以在悬停时使用多个多边形添加文本?

在这里,我有一个小提琴

当我盘旋时我想要这样 在此输入图像描述

任何意见,将不胜感激

html css svg hover css3

3
推荐指数
1
解决办法
3027
查看次数

标签 统计

css ×2

css3 ×2

svg ×2

css-shapes ×1

hover ×1

html ×1