文章详情页
css3 - 这个效果用 CSS 可以实现吗？border-image
浏览：305日期：2023-07-13 14:21:24
问题描述
不想切整张图片，只把两个小球单独切出来，因为小球有闪动的效果。用了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
相关文章：
1. redis sentinel怎么跑守护进程以及日志记录位置的？2. python 字符串匹配问题3. javascript - sublime快键键问题4. django - Nginx uwsgi 进程问题5. 前端 - 这段代码一直生效不了，查半天因为 top: 0px; 分号后一个隐藏的东西，也不是占位符...删了就可以生效，这是什么情况。。6. Python异常退出时保存进度？7. 使用git管理webpack的代码时多人怎么协作？一般托管哪些文件？8. html5 - ElementUI table中el-table-column怎么设置百分比显示。9. angular.js - 百度爬虫如何处理“#”符号？10. 百度地图api - Android百度地图SDK，MapView上层按钮可见却不可触，怎么解决？
排行榜
网公网安备