使用CSS和HTML单击时围绕圆圈的波浪效果

Question

我需要帮助才能在点击圈子时围绕圆圈产生波浪效果。

Here是我想要实现的GIF图像

提前致谢！

Answer 1

使用hover.css框架进行边框转换，例如“ripple out”或“outline out”。

从这里下载Hover.css（http://ianlunn.github.io/Hover/），将其添加到您的html文件中。并在你的圈子上使用“hvr-ripple-out”课程

<a href="#" class="hvr-ripple-out circle">Ripple Out</a>