成人在线亚洲_国产日韩视频一区二区三区_久久久国产精品_99国内精品久久久久久久

您的位置：首頁技術文章
文章詳情頁

css3 - 這個效果用 CSS 可以實現嗎？border-image

瀏覽：117日期：2023-07-13 14:21:24

問題描述

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
相關文章：