利用CSS3簡單實現加載中效果

<template>
  <p class="demo">加載中</p>
</template>

.demo:after{
	content: "."
}
.demo:after {
  animation: dot 3s linear infinite;
}

@keyframes dot {
  0% {
    content: ".";
  }

  33% {
    content: "..";
  }

  66% {
    content: "...";
  }

  100% {
    content: "";
  }
}

• animation

效果圖：

🔗 參考鏈接：

• CSS 屬性 content 的使用場景