文章詳情頁
css3 - 這個(gè)效果用 CSS 可以實(shí)現(xiàn)嗎？border-image
瀏覽：112日期：2023-07-13 14:21:24
問題描述
不想切整張圖片，只把兩個(gè)小球單獨(dú)切出來，因?yàn)樾∏蛴虚W動(dòng)的效果。用了border-radius: 50%;畫出一個(gè)圓，但border-image的小球仍然已正方形來排列。
代碼放在jsbin上http://jsbin.com/redolerota/1/edit?html,...
問題解答
回答1：demo
回答2：用 CSS 畫就可以哩~https://jsbin.com/vozetu/
回答3：圓底和小球邊框分成兩層，小球邊框那一層用:after,罩在上面不就行了，可以不用border-image。。。
回答4：并不能，老老實(shí)實(shí)用圖片就是了，哪里搞這么多東西
回答5：border-image好像不支持圓角，或者可以試試canvas繪圖
回答6：canvas畫出來
回答7：z-index分層試試
標(biāo)簽：
CSS
相關(guān)文章：
1. 數(shù)據(jù)庫 - MySQL 單表500W+數(shù)據(jù)，查詢超時(shí)，如何優(yōu)化呢？2. python - Django分頁和查詢參數(shù)的問題3. 求大神幫我看看是哪里寫錯(cuò)了 感謝細(xì)心解答4. MySQL客戶端吃掉了SQL注解？5. android - Windows系統(tǒng)下運(yùn)行react-native App時(shí)，報(bào)下面的錯(cuò)誤？6. javascript - 圖片能在網(wǎng)站顯示，但控制臺(tái)仍舊報(bào)錯(cuò)403 (Forbidden)7. php自學(xué)從哪里開始？8. mysql - AttributeError: ’module’ object has no attribute ’MatchType’9. javascript - JS設(shè)置Video視頻對象的currentTime時(shí)出現(xiàn)了問題,IE,Edge,火狐,都可以設(shè)置,反而chrom卻...10. phpstady在win10上運(yùn)行
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備