这个效果用 CSS 可以实现吗?border-image

图片描述

不想切整张图片,只把两个小球单独切出来,因为小球有闪动的效果。用了border-radius: 50%;画出一个圆,但border-image的小球仍然已正方形来排列。

代码放在jsbin上
http://jsbin.com/redolerota/1/edit?html,...

阅读 4.5k
7 个回答

圆底和小球边框分成两层,小球边框那一层用:after,罩在上面不就行了,可以不用border-image。。。

并不能,老老实实用图片就是了,哪里搞这么多东西

border-image好像不支持圆角,或者可以试试canvas绘图

新手上路,请多包涵

z-index分层试试

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题