css3 - 这个效果用 CSS 可以实现吗?border-image
PHP中文网
PHP中文网 2017-04-17 11:36:37
0
7
529

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

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

PHP中文网
PHP中文网

认证0级讲师

모든 응답(7)
伊谢尔伦

demo

大家讲道理

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

刘奇

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

阿神

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

Ty80

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

刘奇

canvas画出来

迷茫

z-index分层试试

최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿