css3 svg网页底部波浪滚动特效.rar

共3个文件

html：1个

gif：1个

css：1个

svg

需积分: 0 0 下载量 54 浏览量 2024-06-23 14:12:08 上传评论收藏 192KB RAR 举报

温馨提示

css3 svg网页底部波浪滚动特效.rar css3 svg网页底部波浪滚动特效.rar css3 svg网页底部波浪滚动特效.rar css3 svg网页底部波浪滚动特效.rar css3 svg网页底部波浪滚动特效.rar css3 svg网页底部波浪滚动特效.rar css3 svg网页底部波浪滚动特效.rar css3 svg网页底部波浪滚动特效.rar css3 svg网页底部波浪滚动特效.rar css3 svg网页底部波浪滚动特效.rar css3 svg网页底部波浪滚动特效.rar css3 svg网页底部波浪滚动特效.rar css3 svg网页底部波浪滚动特效.rar css3 svg网页底部波浪滚动特效.rar css3 svg网页底部波浪滚动特效.rar css3 svg网页底部波浪滚动特效.rar css3 svg网页底部波浪滚动特效.rar css3 svg网页底部波浪滚动特效.rar css3 svg网页底部波浪滚动特效.rar css3 svg网页底部波浪滚动特效.rar css3 svg网页底部波浪滚动特.rar

资源推荐

资源详情

资源评论

An overlay that gets your user’s voice permission and input as text in a customizable UI.zip

An overlay that gets your user’s voice permission ......

收起资源包目录

css3 svg网页底部波浪滚动特效.rar （3个子文件）

css3 svg网页底部波浪滚动特效

css

style.css 2KB

index.html 1KB

动画000001.gif 196KB

共 3 条

<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <title>Simple CSS Waves | Mobile & Full width</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <div class="header"> <div class="inner-header flex"> <h1>简单CSS3波形</h1> </div>  <div> <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" /> </defs> <g class="parallax"> <use xlink:href="#gentle-wave" x="48" y="0" fill="rgba(255,255,255,0.7" /> <use xlink:href="#gentle-wave" x="48" y="3" fill="rgba(255,255,255,0.5)" /> <use xlink:href="#gentle-wave" x="48" y="5" fill="rgba(255,255,255,0.3)" /> <use xlink:href="#gentle-wave" x="48" y="7" fill="#fff" /> </g> </svg> </div>  </div>   <div class="content flex">  </div>  </body> </html>

评论收藏

内容反馈