css 如何制作加载图标

vi4fp9gy 于 2022-12-20 发布在其他

关注(0)|答案(2)|浏览(175)

I'm using Semantic UI and trying to create an animated icon for example with the spinner icon. https://semantic-ui.com/elements/icon.html#spinners
使用font-awesome非常简单，如下所述：https://fontawesome.com/how-to-use/on-the-web/styling/animating-icons *
对于语义UI，是否有fa-spin的等价物？

css

来源：https://stackoverflow.com/questions/57205016/how-to-make-a-loading-icon

2条答案

按热度按时间

dkqlctbz1#

有一个名为loader的类是现成的，但是你可以根据自己的需要使用定制的CSS。

.loading {
  animation: rotation 2s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

x一个一个一个一个x一个一个二个x

赞(0）回复(0）举报 2022-12-20

a1o7rhls2#

在当前版本的语义UI（2022）中，您可以只为图标的i-tag添加"加载"类：
静态图标：