网站简介
这是一个使用Ant Design图标库的网站。Ant Design是一套为开发者、设计师和产品经理准备的高质量的UI组件库，由阿里巴巴前端团队开发和维护。它具有丰富的图标类型，可以满足各种应用场景的需求。
Ant Design图标样式
这个网站使用了Ant Design的图标样式类.anticon,它具有以下特点：
display: inline-flex;:将图标设置为内联弹性盒子容器。align-items: center;:使图标在容器中垂直居中。color: inherit;:将图标的颜色设置为继承父元素的颜色。font-style: normal;:将图标的字体样式设置为正常。line-height: 0;:将图标的高度设置为0,以便与其他元素保持相同的高度。text-align: center;:将图标的文本内容居中对齐。text-transform: none;:不改变图标的文本转换效果。vertical-align: -0.125em;:将图标的垂直对齐设置为负0.125倍的字体大小，以提高可读性。text-rendering: optimizeLegibility;:优化图标的文本渲染效果，提高可读性。-webkit-font-smoothing: antialiased;:为Webkit内核的浏览器添加抗锯齿效果。-moz-osx-font-smoothing: grayscale;:为Firefox和macOS的浏览器添加灰度效果。
Ant Design SVG图标样式
这个网站还使用了Ant Design的SVG图标样式类.anticon svg,它具有以下特点：
display: inline-block;:将SVG图标设置为内联块级元素。
Ant Design图标悬停效果
为了实现鼠标悬停在图标上时的效果，这个网站还使用了Ant Design的.anticon[tabindex]选择器，并为其添加了cursor: pointer;属性，使鼠标悬停时显示为指针形状。同时，通过在.anticon::before伪元素中设置display: none;,实现了在未选中状态下隐藏悬停效果的目标元素。
