搜尋

首頁  >  問答  >  主體

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

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

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

PHP中文网PHP中文网2784 天前515

全部回覆(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
  • 取消回覆