uniapp水波纹效果

非常简单的水波纹实现效果使用样式使用scss预编译:

效果图如下:

        

 标签代码如下:

scss代码如下:

注意事项:上方代码示例中为两个波纹数量, 每个波纹的view有个内联变量--speed它用来控制延迟, 可以看到上方代码中每个动画的持续时间是2s, 那么我们最后一个波纹它的间隔就应该是也是2s这样才会看起来流畅, 而不会出现动画执行完一次后出现停顿


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部