css 如何插入箭头图标如附图所示

zwghvu4y  于 2022-12-15  发布在  其他
关注(0)|答案(4)|浏览(129)

arrow我的队友创建了figma,并使用图中的箭头显示。我不知道如何插入这样的图标。
我尝试使用字体awesome 4.7,但它看起来不一样enter image description here

lzfw57am

lzfw57am1#

您可以简单地使用带有透明背景的箭头图像,因为<img>inline-block。您还可以将高度设置为1em以匹配字体大小

ffx8fchx

ffx8fchx2#

你有箭头图标的png文件吗?我想你可以直接从Figma导出箭头图标的图像。然后你可以只使用<img>标签插入图像。

<img src="images/[insert arrow png file]">
b0zn9rqh

b0zn9rqh3#

也可以使用变换:skewX(-35度)在您的实际图像或div,使您的图像像上面的图像倾斜!

1hdlvixo

1hdlvixo4#

要从Figma导出一个png文件,点击图片并滚动到右边栏的底部,你会在底部看到“导出”,在那里你可以选择png并导出它。

相关问题