Font Awesome 5 星图标的 Unicode:使用“far”和“fas”类
Font Awesome 5 提供常规和实体星形图标,两者均由 Unicode 值“\f005”表示。要在评级系统中利用这些变化,您可以利用 CSS 在“far”和“fas”类之间切换。
“fas”类代表实心星星,而“far”代表普通星星。它们之间切换的关键在于调整字体粗细。通过将选中的星号的字体粗细设置为 900,将未选中的星号的字体粗细设置为 200,您可以轻松地分别在实心版本和常规版本之间切换。
以下是考虑到这一点的更新代码片段:
input.star:checked ~ label.star:before {
content: '\f005';
color: #e74c3c;
transition: all .25s;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
}
label.star:before {
content: '\f005';
font-family: 'Font Awesome 5 Free';
font-weight: 200;
}
此代码确保星形图标在未选中时是规则的,在选中时是固定的,使您可以轻松创建动态的交互式评级系统。
免责声明: 提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发到邮箱:[email protected] 我们会第一时间内为您处理。
Copyright© 2022 湘ICP备2022001581号-3