文章詳情頁
css3 - 這個效果用 CSS 可以實現嗎?border-image
瀏覽:119日期: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. html5 - ElementUI table中el-table-column怎么設置百分比顯示。2. python - 使用readlines()方法讀取文件內容后,再用for循環遍歷文件與變量匹配時出現疑難?3. 對mysql某個字段監控的功能4. css3 - less或者scss 顏色計算的知識應該怎么學?或者在哪里學?5. 注冊賬戶文字不能左右分離6. javascript - table列過多,有什么插件可以提供列排序和選擇顯示列的功能7. css - 網頁div區塊 像蘋果一樣可左右滑動 手機與電腦8. javascript - 數組的過濾和渲染9. html - vue項目中用到了elementUI問題10. JavaScript事件
排行榜
