网站底部添加蓝色波浪线 wp教程[底部]-吾爱源码acg次元论坛

PC和手机的自适应
最详细的网站底部添加蓝色波浪

使用方法:复制下面的代码，找到需要波浪线的网页代码，粘贴。

<!--底部波浪开始--> <div class="wiiuii_layout"> <svg class="editorial" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 24 150 28" preserveAspectRatio="none"> <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="50" y="0" fill="#4579e2"/> <use xlink:href="#gentle-wave" x="50" y="3" fill="#3461c1"/> <use xlink:href="#gentle-wave" x="50" y="6" fill="#2d55aa"/> </g> </svg> </div> <style type='text/css'> .parallax > use{animation: move-forever 12s linear infinite;}.parallax > use:nth-child(1){animation-delay: -2s;}.parallax > use:nth-child(2){animation-delay: -2s; animation-duration: 5s;}.parallax > use:nth-child(3){animation-delay: -4s; animation-duration: 3s;}@keyframes move-forever{0%{transform: translate(-90px, 0%);} 100%{transform: translate(85px, 0%);}}.wiiuii_layout{width: 100%;height: 40px;position: relative;overflow: hidden;z-index: 1;background: var(--footer-bg);}.editorial{display: block; width: 100%; height: 40px; margin: 0;} </style> <!--底部波浪结束-->

1- 本网站名称：吾爱acg文化论坛
2- 本站永久网址：https://5igx.com
3- 本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请发邮箱zhuzhuyewu@163.com进行删除处理。
4- 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5- 本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
6- 本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。

THE END

WordPress教程
# 波浪线

网站底部添加蓝色波浪线 wp教程[底部]

请登录后发表评论