文章詳情頁
css3 - 這個效果用 CSS 可以實現嗎？border-image
瀏覽：118日期：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. mysql儲存json錯誤2. mysql - 這種分級一對多，且分級不平衡的模型該怎么設計表？3. 在mybatis使用mysql的ON DUPLICATE KEY UPDATE語法實現存在即更新應該使用哪個標簽?4. mac OSX10.12.4 (16E195)下Mysql 5.7.18找不到配置文件my.cnf5. Navicat for mysql 中以json格式儲存的數據存在大量反斜杠，如何去除？6. mysql - 表名稱前綴到底有啥用？7. mysql - 數據庫表中，兩個表互為外鍵參考如何解決8. mysql - 數據庫建字段，默認值空和empty string有什么區別 1109. mysql - 怎么生成這個sql表？10. php - 公眾號文章底部的小程序二維碼如何統計？
排行榜
網公網安備