經常寫移動端頁面時會用到向右的箭頭,之前都是用圖片,突然想到用css應該也能寫,於是一搜還確實有
width: 7px;
height: 7px;
border-top: 2px solid #ffffff;
border-right: 2px solid #ffffff;
transform: rotate(45deg);
原理也挺簡單,就是寫個上邊框和右邊框,然后旋轉45度就是向右的箭頭了。不過移動端用應該沒問題,pc上就要考慮transform的兼容性了。
經常寫移動端頁面時會用到向右的箭頭,之前都是用圖片,突然想到用css應該也能寫,於是一搜還確實有
width: 7px;
height: 7px;
border-top: 2px solid #ffffff;
border-right: 2px solid #ffffff;
transform: rotate(45deg);
原理也挺簡單,就是寫個上邊框和右邊框,然后旋轉45度就是向右的箭頭了。不過移動端用應該沒問題,pc上就要考慮transform的兼容性了。
本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。