suchen

Heim  >  Fragen und Antworten  >  Hauptteil

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

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

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

PHP中文网PHP中文网2782 Tage vor513

Antworte allen(7)Ich werde antworten

  • 伊谢尔伦

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

    demo

    Antwort
    0
  • 大家讲道理

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

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

    Antwort
    0
  • 怪我咯

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

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

    Antwort
    0
  • 阿神

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

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

    Antwort
    0
  • PHP中文网

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

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

    Antwort
    0
  • 怪我咯

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

    canvas画出来

    Antwort
    0
  • 迷茫

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

    z-index分层试试

    Antwort
    0
  • StornierenAntwort