今天来做一个结合登录表单实现的波浪动画效果,没错,你没听错,重点不是表单,是波浪。
先看效果:首先是平平无奇的波浪效果
然后当你点击输入框的时候:例如输入框里的Email和Password是会一个单词一个单词弹上去的。
接下来看代码实现:首先是html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<title>Form Input Wave</title>
</head>
<body>
<div class="container">
<h1>Please Login</h1>
<form>
<!-- 邮箱账号 -->
<div class="form-control">
<input type="text" required>
<label>Email</label>