您的位置:首页技术文章
文章详情页

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

【字号: 日期:2023-07-13 14:21:24浏览:27作者:猪猪

问题描述

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

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

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

问题解答

回答1:

demo

回答2:

用 CSS 畫就可以哩~https://jsbin.com/vozetu/

回答3:

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

回答4:

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

回答5:

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

回答6:

canvas画出来

回答7:

z-index分层试试

标签: CSS
相关文章: