文章詳情頁
css3 - 這個效果用 CSS 可以實現嗎？border-image
瀏覽：77日期：2023-07-13 14:21:24
問題描述
不想切整張圖片，只把兩個小球單獨切出來，因為小球有閃動的效果。用了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
相關文章：
1. android - NavigationView 的側滑菜單中如何保存新增項（通過程序添加）2. tp5 不同控制器中的變量調用問題3. 微信小程序可以用gulp,webpack嗎？4. mysql服務無法啟動1067錯誤，誰知道正確的解決方法？5. ueditor上傳服務器提示后端配置項沒有正常加載，求助！！！！！6. python - 為什么正常輸出中文沒有亂碼，zip函數之后出現中文編程unicode編碼的問題，我是遍歷輸出的啊。7. 老師 我是一個沒有學過php語言的準畢業生 我希望您能幫我一下8. 這段代碼既不提示錯誤也看不到結果，請老師明示錯在哪里，謝謝！9. php7.3.4中怎么開啟pdo驅動10. 提示語法錯誤語法錯誤: unexpected ’abstract’ (T_ABSTRACT)
排行榜
網公網安備