文章詳情頁
css3 怎么實現像書籍裝訂線的效果?
瀏覽:232日期:2023-07-18 18:39:12
問題描述
css 怎么實現像書籍裝訂線的效果?不用圖片的純css3實現
問題解答
回答1:{ width: 150px; height: 150px; margin: 20% auto; background-color: white; background-image: repeating-linear-gradient(to right, #aaa 5%, #eee 10%, #ccc 15%); box-shadow: 5px 5px 2px #eee; border-radius: 5px;}
效果:
repeating-linear-gradient(to right, #aaa 5%, #eee 10%, #ccc 15%);
最主要是這句,重復的線性漸變,第一個參數向右,后面三個是顏色漸變點和位置,比如#aaa 5%就是從5%的地方開始漸變,而5%以前就是純的#aaa的顏色,后面兩個同理,然后重復這個漸變。
回答2:和你那個鋸齒狀的問題答案是一樣的使用css3的linear-gradient
標簽:
CSS
相關文章:
1. golang - 用IDE看docker源碼時的小問題2. docker不顯示端口映射呢?3. docker-machine添加一個已有的docker主機問題4. 在windows下安裝docker Toolbox 啟動Docker Quickstart Terminal 失敗!5. docker-compose中volumes的問題6. 我在centos容器里安裝docker,也就是在容器里安裝容器,報錯了?7. docker容器呢SSH為什么連不通呢?8. docker內創建jenkins訪問另一個容器下的服務器問題9. javascript - 最近用echarts做統計圖時遇到兩個問題!!10. mac里的docker如何命令行開啟呢?
排行榜

網公網安備