vue.js - 怎么使用css实现一个平面圆装了水的效果，还要有水的波纹？
问题描述
在做前端样式的时候，被要求开发一个平面圆球里装水，并且要求有水的波纹的效果，没有找到合适的实现方法，我原本是想找echarts里有的样式但是没有找到。
样式截图
就是这个红色箭头里指着的样式
有没有大佬给点思路，或者推荐一下那个echarts图形能做到差不多效果的
共有1个答案
随手百度下就找到了
https://juejin.cn/post/7086845744589570062
codepen
-
本文向大家介绍Android实现水波纹效果，包括了Android实现水波纹效果的使用技巧和注意事项，需要的朋友参考一下 一、效果 点击开始： 点击停止： 二、在MainActivity中 三、在activity_main中 四、在WaveView中： 五、在CircleImageView中： 六、在attrs中 以上所述是小编给大家介绍的Android实现水波纹效果，希望对大家有所帮助，如
-
就是这种的水平多个选项，多出去鼠标滑动显示的怎么实现？
-
本文向大家介绍Android实现兼容的水波纹效果，包括了Android实现兼容的水波纹效果的使用技巧和注意事项，需要的朋友参考一下 先看看效果图 其实，要实现这一效果很简单，只要分drawable和drawablev21两个文件夹就好了。 普通情况下的selector： v21中的selector： 这里ripple中的color就是按下的水波纹颜色，在里面加入一个item，这个item就会变成背
-
本文向大家介绍iOS 水波纹动画的实现效果，包括了iOS 水波纹动画的实现效果的使用技巧和注意事项，需要的朋友参考一下 本人最近在研究iOS动画，至于原理，我不在这里说了。毕竟这里的标题：水波纹的实现。 在这里，要学习水波纹的实现，首先要知道以下几点知识： 1.正弦函数：y = Asin(wx +b) + c。相信大家都比较熟悉。 2.CAShapeLayer的简单实用，相信看一下，就是知道其大概
-
本文向大家介绍使用css写一个水平翻转文字的效果相关面试题，主要包含被问及使用css写一个水平翻转文字的效果时的应答技巧和注意事项，需要的朋友参考一下
-
本文向大家介绍Android实现水波纹扩散效果，包括了Android实现水波纹扩散效果的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了Android实现水波纹扩散效果的具体代码，供大家参考，具体内容如下 先上图 囧！没有图片所以就拿了小安代替了。 先看一下如何使用这个View。 是的，没有别的代码了，就这么简单 实现思路 自定义ViewGroup，创建一个用显示图片的view，在创建