gpt4 book ai didi

html - FA 图标发光/阴影

转载 作者:太空狗 更新时间:2023-10-29 13:59:10 25 4
gpt4 key购买 nike

有什么方法可以在 Font Awesome 图标上创建图标“发光”效果吗?

我尝试了以下方法:

<i class="icon-thumbs-down glow"/>

.glow { box-shadow: 0px 0px 5px #fff; }

不幸的是,这会导致图标边界框周围出现“方形”白光。如何制作与图标形状轮廓相符的光晕?

最佳答案

30 秒后想通了:

Font awesome 只是一种字体,所以你可以做一个文字阴影:

.glow { text-shadow: 0px 0px 5px #FFFFFF; }

关于html - FA 图标发光/阴影,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18091587/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com