网站底部添加蓝色波浪代码

网站源码5个月前发布 荷包蛋网
422 0 0

网站底部添加蓝色波浪代码<!--底部波浪开始-->
<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>
<!--底部波浪结束-->

相关标签

© 版权声明

相关文章

暂无评论

暂无评论...

网址卡片按钮

显示

布局设置

左侧边栏菜单

展开

搜索框设置

自定义搜索框背景

  • 花间少女

  • 猎杀时刻

  • 水中看花

  • 雨天站台

  • 果汁喵喵

  • 丛林狩猎

  • 美女骷髅

  • 古风美女

  • 粉色玫瑰

  • 白色毛衣

  • 网红美女

  • 慵懒午后

  • 古装美人

  • 清纯美女

  • 闭眼嗅花

  • 动态 玩雪狐狸

自定义搜索框高度

  • 聚焦
  • 信息
  • 默认
个性化设置
TAB栏自定义颜色

背景颜色

文字颜色