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

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

浏览：135日期：2023-07-13 14:21:24

问题描述

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
上一条：css - outline 可以只设置一条边吗？下一条：css3 - css怎么实现图片环绕的效果
相关文章：
1. javascript - 父级设置了相对定位。子元素设置了绝对定位。子元素中包含了浮动的table，这个时候高度不能自适应。2. docker容器呢SSH为什么连不通呢？3. javascript - js的string数据类型，这段表述是什么意思？4. dockerfile - 为什么docker容器启动不了？5. golang - 用IDE看docker源码时的小问题6. docker images显示的镜像过多，狗眼被亮瞎了，怎么办？7. docker api 开发的端口怎么获取？8. Span标签9. docker start -a dockername 老是卡住，什么情况？10. debian - docker依赖的aufs-tools源码哪里可以找到啊？
排行榜
docker容器呢SSH为什么连不通呢？
docker容器呢SSH为什么连不通呢？
1. debian - docker依赖的aufs-tools源码哪里可以找到啊？
2. docker start -a dockername 老是卡住，什么情况？
3. docker api 开发的端口怎么获取？
4. docker images显示的镜像过多，狗眼被亮瞎了，怎么办？
5. golang - 用IDE看docker源码时的小问题
6. dockerfile - 为什么docker容器启动不了？
7. Span标签
8. javascript - js的string数据类型，这段表述是什么意思？
9. javascript - 父级设置了相对定位。子元素设置了绝对定位。子元素中包含了浮动的table，这个时候高度不能自适应。
10. dockerfile - [docker build image失败- npm install]
热门标签