这个网站使用了一种叫做anticon
的图标样式,它主要用于创建可点击的图标,并带有动画。.anticon
类通过定义各种CSS属性来控制图标的显示和交互行为。
具体来说,display: inline-block;
表示图标是一个块级元素,color: inherit; font-style: normal;
保证图标的颜色和字体样式继承父元素的样式,text-align: center; text-transform: none; vertical-align: -0.125em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
使得文本居中且易于阅读。
<*>
表示图标的基本形状,display: block;
使图标以块形式显示。svg
标签用于定义图标的SVG格式。
.anticon::before
和 .anticon-spin::before
是自定义的SVG动画。这些动画可以在鼠标悬停时触发,以增加图标的互动性和视觉效果。当用户将鼠标指针悬停在图标上时,这些动画会显示出来。
.anticon
是一套用于创建简单而可点击的图标的工具,具有丰富的样式和动画支持,适用于网页设计、UI开发等场景。