gpt4 book ai didi

css - 如何在 font-awesome 之类的图标上添加阴影效果

转载 作者:行者123 更新时间:2023-12-01 04:54:17 25 4
gpt4 key购买 nike

我想在我的图标中添加悬停效果的阴影:

enter image description here enter image description here

有没有办法使用 css 添加阴影效果?该图标来自 font-awesome。提前致谢。

最佳答案

检查 MDN学习如何使用 text-shadow

语法是offset-x |偏移-y |模糊半径 |颜色:

.icon-red {
color: #c00000;
text-shadow: 0 0 10px blue;
}
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
<i class="fas fa-3x fa-heart icon-red"></i>

关于css - 如何在 font-awesome 之类的图标上添加阴影效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50746673/

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