updated Demo样式细节优化
This commit is contained in:
13
index.html
13
index.html
@@ -26,6 +26,19 @@
|
||||
</head>
|
||||
<body>
|
||||
<div class="wrapper">
|
||||
<div class="mod-bg">
|
||||
<svg class="waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 24 150 28" preserveAspectRatio="none" shape-rendering="auto">
|
||||
<defs>
|
||||
<path id="gentle-wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z"></path>
|
||||
</defs>
|
||||
<g class="parallax">
|
||||
<use xlink:href="#gentle-wave" x="48" y="0" fill="rgba(255,255,255,0.4)"></use>
|
||||
<use xlink:href="#gentle-wave" x="48" y="3" fill="rgba(255,255,255,0.6)"></use>
|
||||
<use xlink:href="#gentle-wave" x="48" y="5" fill="rgba(255,255,255,0.2)"></use>
|
||||
<use xlink:href="#gentle-wave" x="48" y="7" fill="rgba(255,255,255,1)"></use>
|
||||
</g>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="header">
|
||||
<div class="inner">
|
||||
<div class="mod-head">
|
||||
|
||||
Reference in New Issue
Block a user