[英]How to make font-awesome glow css
我用过的字体真棒
<i class="fa fa-circle-o text-red"></i>
它显示带有红色轮廓的圆圈。 我希望它变成完整的红色圆圈并闪烁。
抱歉,我不是前端开发人员,所以我无法考虑其解决方案。
我试图做的是
.text-red
{
background-color: red;
}
但这没用。 有人可以帮忙吗? 谢谢
如前所述,您可以尝试使用css animation
,已经使用background
更改了background-color
,现在使用opacity
可以create
如下所示的blinking effect
,
.fa{ color:red; background:red; border-radius:50%; animation:op 3s ease infinite; } @keyframes op{ 0%{ opacity:0; } 50%{ opacity:1; } 100%{ opacity:0; } }
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <i class="fa fa-circle-o text-red"></i>
您可以只使用CSS规则background:red, border-radius:100%
和color:red;
.text-red { color:red; background: red; border-radius: 100%; }
<link rel="stylesheet" href="http://fontawesome.io/assets/font-awesome/css/font-awesome.css" > <i class="fa fa-circle-o text-red"></i>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.