文章详情页
css3 - 这个效果用 CSS 可以实现吗？border-image
浏览：270日期：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. mysql sum去除重复2. 老师无限级分类有点难哟 不好理解3. javascript - swiper.js嵌套了swiper 初始设置不能向下一个滑动 结束后重新初始4. 为什么span的color非要内联样式才起作用？5. 提示内部服务错误什么问题6. python - Django ManyToManyField 字段数据在 admin后台 显示不正确，这是怎么回事？7. 请问没有对以太网通信进行封装的python库？8. python - pysciter 如何配置运行环境?9. python - 如何修改twisted自带的日志输出格式?10. php由5.3升级到5.6后，登录网站，返回的是php代码，不是登录界面，各位大神有知道的吗？
排行榜
网公网安备