CSS刷新的圖標怎么打？

在CSS中，我們可以使用偽元素和動畫來實現(xiàn)刷新的圖標，以下是一個簡單的示例：

我們創(chuàng)建一個HTML元素，用于顯示刷新的圖標。

<div class="refresh-icon"></div>

在CSS中，我們可以使用偽元素::before或::after來在該元素的內(nèi)容前或后添加內(nèi)容，我們可以使用動畫來讓圖標旋轉(zhuǎn)，以模擬刷新的效果。

.refresh-icon {
  position: relative;
  width: 50px;
  height: 50px;
}
.refresh-icon::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #000;
  border-radius: 50%;
  animation: rotate 2s linear infinite;
}
@keyframes rotate {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

在這個示例中，我們創(chuàng)建了一個refresh-icon類，并在其中使用偽元素::before來添加刷新的圖標，該圖標是一個旋轉(zhuǎn)的圓圈，使用動畫rotate來實現(xiàn)旋轉(zhuǎn)效果，我們將該樣式應(yīng)用到HTML元素上，即可實現(xiàn)刷新的圖標效果。