共计 547 个字符,预计需要花费 2 分钟才能阅读完成。
这个效果我用了挺久了,分享给大家一起用。
网站底部插入代码即可。
<!--底部波浪--><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 058-18 88-18s58 18 88 1858-18 88-1858 18 88 18v44h-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(--pk-bg-box);}.editorial{display: block; width: 100%; height: 40px; margin: 0;}</style><div class="sakana-box"></div> 正文完









