文章详情页
css3 - 这个效果用 CSS 可以实现吗？border-image
浏览：70日期：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. python如何不改动文件的情况下修改文件的 修改日期2. angular.js - 不适用其他构建工具，怎么搭建angular1项目3. angular.js - Angular路由和express路由的组合使用问题4. python - django 里自定义的 login 方法，如何使用 login_required()5. java8中，逻辑与 & 符号用在接口类上代表什么意思6. mysql优化 - mysql count(id)查询速度如何优化?7. mysql主从 - 请教下mysql 主动-被动模式的双主配置 和 主从配置在应用上有什么区别？8. 主从备份 - 跪求mysql 高可用主从方案9. node.js - node_moduls太多了10. python - 关于ACK标志位的TCP端口扫描的疑惑？
排行榜
网公网安备