搜索

首页  >  问答  >  正文

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

不想切整张图片,只把两个小球单独切出来,因为小球有闪动的效果。用了border-radius: 50%;画出一个圆,但border-image的小球仍然已正方形来排列。

代码放在jsbin上
http://jsbin.com/redolerota/1/edit?html,...

PHP中文网PHP中文网2785 天前516

全部回复(7)我来回复

  • 伊谢尔伦

    伊谢尔伦2017-04-17 11:38:37

    演示

    回复
    0
  • 大家讲道理

    大家讲道理2017-04-17 11:38:37

    用 CSS 画就可以哩~
    https://jsbin.com/vozetu/

    回复
    0
  • 怪我咯

    怪我咯2017-04-17 11:38:37

    圆底和小球边框分成两层,小球边框那一层用:after,罩在上面不就行了,可以不用border-image。。。

    回复
    0
  • 阿神

    阿神2017-04-17 11:38:37

    并不能,老老实实用图片就是了,哪里搞这么多东西

    回复
    0
  • PHP中文网

    PHP中文网2017-04-17 11:38:37

    border-image好像不支持圆角,或者可以试试canvas绘图

    回复
    0
  • 怪我咯

    怪我咯2017-04-17 11:38:37

    canvas画出来

    回复
    0
  • 迷茫

    迷茫2017-04-17 11:38:37

    z-index分层试试

    回复
    0
  • 取消回复