文章詳情頁(yè)
css3 - 這個(gè)效果用 CSS 可以實(shí)現(xiàn)嗎？border-image
瀏覽：212日期：2023-07-13 14:21:24
問(wèn)題描述
不想切整張圖片，只把兩個(gè)小球單獨(dú)切出來(lái)，因?yàn)樾∏蛴虚W動(dòng)的效果。用了border-radius: 50%;畫(huà)出一個(gè)圓，但border-image的小球仍然已正方形來(lái)排列。
代碼放在jsbin上http://jsbin.com/redolerota/1/edit?html,...
問(wèn)題解答
回答1：demo
回答2：用 CSS 畫(huà)就可以哩~https://jsbin.com/vozetu/
回答3：圓底和小球邊框分成兩層，小球邊框那一層用:after,罩在上面不就行了，可以不用border-image。。。
回答4：并不能，老老實(shí)實(shí)用圖片就是了，哪里搞這么多東西
回答5：border-image好像不支持圓角，或者可以試試canvas繪圖
回答6：canvas畫(huà)出來(lái)
回答7：z-index分層試試
標(biāo)簽：
CSS
相關(guān)文章：
1. PHPExcel表格導(dǎo)入數(shù)據(jù)庫(kù)怎么導(dǎo)入2. 預(yù)訂金和尾款分別支付3. thinkphp6使用驗(yàn)證器 信息如何輸出到前端頁(yè)面4. macos - 無(wú)法source activate python275. python - 調(diào)用api輸出頁(yè)面，會(huì)有標(biāo)簽出現(xiàn)，請(qǐng)問(wèn)如何清掉？6. 運(yùn)行python程序時(shí)出現(xiàn)“應(yīng)用程序發(fā)生異常”的內(nèi)存錯(cuò)誤？7. python - sqlalchemy更新數(shù)據(jù)報(bào)錯(cuò)8. 我在導(dǎo)入模板資源時(shí)遇到無(wú)法顯示的問(wèn)題，請(qǐng)老師解答下9. empty比isset更嚴(yán)格一點(diǎn)10. javascript - h5微信中怎么禁止橫屏
排行榜
熱門(mén)標(biāo)簽
網(wǎng)公網(wǎng)安備