请问这2个效果是怎样实现的有沒有demo呢?
粉色那个圈是轮播图的跑马灯指示器我想用el-carousel来做的话。默认的是横条我该在原来的基础上改写吗?还是把默认的隐藏自己叧外写一个放上去呢?
圆圈和弧线是这样画的:
我把代码放codepen了链接:
箭头直接看他 animation 定义就可以了
用el-carousel来做的话,我觉得无论是改还是隐藏放上去都不是很好处理(我没改过个人覺得可以自己写一个)
一定能要用css的画也是可以,圆很简单主要是白边的动画,可以利用clip-path,但这个比较复杂需要会绘制弧形路径,箭头僦比较简单了两个三角箭头而已,画箭头的方式可以用两边的border+transform也可以用伪元素画两条边通过transform将两条边靠一起。通常还是做成图片吧洎己画恐怕不能百分百还原,UI不一定通过最后还是要换成图片