文章詳情頁
css3通過漸變渲染生成條紋效果旋轉問題
瀏覽：203日期：2023-06-28 17:29:27
問題描述
定義一個p通過漸變渲染生成一種條紋效果
.test { margin: 5em; width: 10em; height: 10em; background: linear-gradient(orange 50%, pink 50%);}
然后旋轉45度出現的效果是下圖那樣
background: linear-gradient(45deg, orange 50%, pink 50%);
我想請問 本來的45度是順時針旋轉的 出現的效果不應該是下面這樣么
為什么會這樣 是我所理解的旋轉有錯誤么
問題解答
回答1：你的理解確實存在問題。background: linear-gradient(45deg, orange 50%, pink 50%); 這里45deg的含義：以豎直向上為0°起點，順時針旋轉45°。 所以你認為正確的那個圖，其實是旋轉了225°得來的。（理解好0°在哪里、默認值是180°就ok了）
標簽：
CSS
相關文章：
1. docker gitlab 如何git clone？2. docker鏡像push報錯3. docker api 開發的端口怎么獲取？4. macos - mac下docker如何設置代理5. debian - docker依賴的aufs-tools源碼哪里可以找到啊？6. dockerfile - 我用docker build的時候出現下邊問題 麻煩幫我看一下7. docker - 如何修改運行中容器的配置8. docker start -a dockername 老是卡住，什么情況？9. angular.js使用$resource服務把數據存入mongodb的問題。10. docker 下面創建的IMAGE 他們的 ID 一樣？這個是怎么回事？？？？
排行榜
網公網安備