文章详情页
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
相关文章:
1. python相关问题求解决,有偿2. javascript - input输入框触发change事件后,外部元素会被选中3. python - 用__call__ 实现装饰器功能4. javascript - vue2.0中router.repalce跟router.push有什么区别,二者的应用场景是会有怎样的区别?5. javascript - prismplayer播放器全屏问题6. javascript - 在sublime中如何给.vue文件注释?7. python - 请问用cxfreeze打包的可执行程序能反编译出源码么?8. HTML5怎么访问本地文件?9. javascript - 这种上传图片预览怎么做?10. javascript - 把字符串日期转换成一般时间格式后,发现小于10的数字不会自动添加0在前面,如下
排行榜