文章详情页
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. javascript - vue 数据更新了。但是dom没有更新,,,,,如图2. javascript - 静态页面引公共头尾文件,js怎么写吖?3. javascript - 读取页面源码,页面中所有的换行都被当成<br/>读取出来 了,,求解应该怎么让它被正确的解析4. java - 3个dao的数据根据请求参数选择一个映射到一个url上,怎么写比较好?5. docker api 开发的端口怎么获取?6. html5 - 百度Ueditor代码高亮和代码段滚动条冲突是怎么回事?7. debian - docker依赖的aufs-tools源码哪里可以找到啊?8. javascript - 关于一段 for 循环代码执行顺序的问题9. java基础,求解答。10. javascript - HTML 原生js怎么控制table根据0,1值来显示或者隐藏
排行榜