css圆点切换，怎么添加圆点切换过渡效果？

Question

现在是这么写激活到哪个圆点会添加一个类，但是比较生硬，有没有什么好的添加过渡的方法呢？

 div.page-default(v-for="(num,index) in 3" :key="index" 
 :class="pageCurrent===(num-1)?'page-active':''")

Answer 1

加一个默认类.page-item.

.page-item{
    transition: .3s;
    transform: scale(0);
}

.page-active{
    transform: scale(1);
}

Answer 2

在css中加入transition不就有动画效果了吗

（你这个截图是啥，截这么点是要省流量吗?）