ripro主题美化：实现35源码网网站底部波浪动态效果

最近，ripro主题玩的特别火，今天带大家看看WordPress ripro主题美化：实现35源码网网站底部波浪动态效果，具体效果请直接查看本网站最底部的动态效果，具体实现思路是，需要用到css绘制svg矢量图，动态颜色可以根据自己的需要进行调整，这段代码在其他各大网站均收费10大洋左右，话不多话，直接看代码。具体代码将对本站VIP会员免费开放。

html代码：

1、找到wp-content/themes/ripro/footer.php文件将以下代码复制到 footer.php中（注意：使用了美化子主题的，请在子主题中添加）。

<!--35源码网 www.35ym.cn-->
<div class="waveHorizontals mobile-hide">
  <div id="waveHorizontal1" class="waveHorizontal"></div>
  <div id="waveHorizontal2" class="waveHorizontal"></div>
  <div id="waveHorizontal3" class="waveHorizontal"></div>
</div>

css代码：

2、找到wp-content/themes/ripro/assets/css/目录下找到diy.css 并以下内容体复制进去并保存 （注意：使用了美化子主题的，请在子主题中添加；另外这里引用的图片路径也要跟你主题内容保持一致，实在搞不明白，自己创建一个目录将下方的图片上传上去，再找到该图片的绝对路径）。

svg绘制代码：

3、分别创建html文件并命名为：augsc_001.svg、augsc_002.svg、augsc_003.svg，复制以下代码：然后将创建好的图片自定义路径上传到你的网站路径下。