使用CSS 建立波浪形狀
問題:
如何創造波浪形狀使用CSS 的影像嗎?
[波浪形影像形狀]
初始嘗試:
此CSS 建立一條直線:
#wave { position: absolute; height: 70px; width: 600px; background: #e0efe3; }
此CSS 建立一條直線:
此CSS 建立一條直線:svg { display: inline-block; position: absolute; top: 0; left: 0; } .container { display: inline-block; position: relative; width: 100%; padding-bottom: 100%; vertical-align: middle; overflow: hidden; }
<div class="container"> <svg viewBox="0 0 500 500" preserveAspectRatio="xMinYMin meet"> <path d="M0,100 C150,200 350,0 500,100 L500,00 L0,0 Z">
以上是如何使用 CSS 建立波浪形狀?的詳細內容。更多資訊請關注PHP中文網其他相關文章!