javascript - 如何在HTML中制作波浪动画

标签 javascript html css animation jquery-animate

我想在 HTML 中创建具有 3-4 个波浪的波浪动画。 我还想对手机、平板电脑等做出响应。

我还附上了我想用作波浪的图像。

最佳答案

您可以通过动画化 transform 属性而不是元素的高度来移除元素的上下移动。

可以使用scaleY()函数让元素在Y轴(高度)上增长。

Making a wave animation

关于javascript - 如何在HTML中制作波浪动画，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/44946010/

上一篇：css - 如何从 vue-cli webpack-simple 元素中提取 css 文件？

下一篇：html - 我怎样才能制作一个带有圆 Angular 边框的 div 并使其中的 fa 图标居中？

相关文章：

javascript - AJAX:实时功能问题

Javascript方法可用，但调用该方法时抛出异常

html - 自定义单选按钮 - 边框和其中选定的点

jQuery 和 CSS - 在动画时匹配 div 的高度

javascript - TypeScript 中未定义的 axios

javascript - 如何将项目存储在 firebase 列表中的特定位置

java - 有没有办法为 RESTful 堆栈生成样板代码？

html - bootstrap 3 div 在移动设备和平板电脑上没有响应并且太小

javascript - 内联 Javascript NOT Rails Heroku 不工作

html - 如何水平对齐位于div中心的图片下方的文本

©2024 IT工具网  联系我们