1
A
回答
3
這並不困難。你在一個包裝器中創建一個圓圈,它可以剪出你不需要的東西。
demo
HTML:
<div class='shape-wrap'>
<div class='shape'></div>
</div>
相關CSS:
.shape-wrap {
overflow: hidden;
width: 32em; height: 8em;
}
.shape {
box-sizing: border-box;
margin: -175% -50%;
width: 200%; height: 800%;
border: solid 2em dodgerblue;
border-radius: 50%;
box-shadow: inset 0 0 .5em .25em dimgrey;
}
相關問題
- 1. 如何使用css創建不同形狀的梯形圖像?
- 2. 如何在css中創建形狀?
- 3. 如何在CSS中創建此形狀?
- 4. 如何用css創建角邊形狀?
- 5. 如何使用CSS創建此形狀?
- 6. 用CSS創建形狀
- 7. 如何創建矩形形狀的圓形圖像? CSS
- 8. CSS:如何創建敏感的不規則形狀
- 9. 如何在CSS中創建此形狀? (垂直對齊div)
- 10. 如何在CSS邊框形狀中創建平滑邊緣?
- 11. 如何創建CSS帶狀
- 12. 如何創建寬度不同的自定義形狀
- 13. 如何創建不同類型的表單形狀?
- 14. GMF如何爲連接裝飾創建不同的形狀
- 15. CSS - 創建複雜的形狀
- 16. 使用CSS創建複雜的形狀
- 17. 創建特殊的CSS形狀
- 18. 在corona sdk中創建不同的形狀?
- 19. 在KineticJS中創建具有不同圖層形狀的組
- 20. 如何在C++中創建不規則形狀的按鈕?
- 21. 創建形狀與CSS梯度
- 22. 使用CSS創建自定義形狀
- 23. css剪輯路徑形狀不工作,即我如何創建此與css
- 24. 如何創建圓形UIview而不是矩形形狀
- 25. 在CSS中創建一個奇怪的形狀
- 26. 如何創建圓角形狀的ListView
- 27. 如何創建UIView的凹面形狀
- 28. 如何在android中創建形狀三角形
- 29. 我們如何在網絡中創建六邊形形狀vis.js
- 30. 創建具有不同形狀的次要情節在matplotlib
嘗試http://www.css3shapes.com/和http://www.paulund .co.uk/how-to-create-different-shapes-in-css –
這似乎是一個普通的巨大圓圈。在CSS3中,圈子(我認爲是空洞的)很容易 –