xgqfrms™, xgqfrms® : xgqfrms's offical website of cnblogs! xgqfrms™, xgqfrms® : xgqfrms's offical website of GitHub!

pure CSS wave effect All In One

pure CSS wave effect All In One

demos

SVG

image

<svg class="wave wave-bottom" width="4323" height="250" viewBox="0 0 4323 250" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4323 149.091C4091.5 100.525 3848.5 186.994 3412 202.614C2750.36 226.291 2638.5 40.8657 2124.5 4.04682C1683.02 -27.5776 1127.5 135.797 721 159.38C314.504 182.963 0 128.418 0 128.418V250H4323C4323 250 4323 27.5687 4323 149.091Z"></path></svg>

https://rafa.design/

codepen copy

refs

©xgqfrms 2012-2025

www.cnblogs.com/xgqfrms 发布文章使用：只允许注册用户才可以访问！

原创文章，版权所有©️xgqfrms, 禁止转载 🈲️，侵权必究⚠️！

posted @   xgqfrms  阅读(14)  评论(0)  编辑  收藏  举报
相关博文：
· pure CSS carousel effect All In One
· CSS water wave effect All In One
· CSS & JS Effect – Section Design Waves
· 纯 CSS 实现波浪效果！
· 请使用纯css实现波浪效果
阅读排行：
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布：重大改进与新特性概览！
· .NET10 - 预览版1新功能体验（一）
历史上的今天：
2022-01-14 el-popover ::after style overwrite bug All In One
2022-01-14 v-charts custom tooltip All In One
2022-01-14 v-charts no data All In One
2021-01-14 如何使用 VuePress 搭建一个 element-ui 风格的文档网站
2021-01-14 Semantic Pull Requests All In One
2021-01-14 markdown & git diff
2021-01-14 Stack Overflow Skill IQ Testing All In One
点击右上角即可分享
微信分享提示
AI FOR CODE 大赛