不想切整张图片，只把两个小球单独切出来，因为小球有闪动的效果。用了border-radius: 50%;画出一个圆，但border-image的小球仍然已正方形来排列。
border-radius: 50%;
border-image
代码放在jsbin上http://jsbin.com/redolerota/1/edit?html,...
认证0级讲师
demo
Just use CSS to draw~https://jsbin.com/vozetu/
The round bottom and the small ball border are divided into two layers. For the small ball border layer, use :after to cover it. You don’t need border-image. . .
No, just practical pictures, where can you get so many things?
border-image does not seem to support rounded corners, or you can try canvas drawing
Draw it on canvas
Try z-index layering
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
demo
Just use CSS to draw~
https://jsbin.com/vozetu/
The round bottom and the small ball border are divided into two layers. For the small ball border layer, use :after to cover it. You don’t need border-image. . .
No, just practical pictures, where can you get so many things?
border-image does not seem to support rounded corners, or you can try canvas drawing
Draw it on canvas
Try z-index layering