如果可能的话，我想让我的登录框在页面加载时淡入和/或在页面退出时淡出... 我试过查看其他堆栈溢出答案，但似乎都不适用于我的代码
HTML:
<?php
if(isset($_POST["submit"])) {
$link = mysqli_connect("localhost","root","");
mysqli_select_db($link,"test");
$count = 0;
$res=mysqli_query($link,"SELECT * FROM users WHERE username='$_POST[Username]' && password='$_POST[Password]'");
$count=mysqli_num_rows($res);
if($count > 0) {
?>
<script type="text/javascript">
window.location="index.php";
</script>
<?php
}
}
?>
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="stylesheet.css">
<link href="https://fonts.googleapis.com/css?family=PT+Sans" rel="stylesheet">
</head>
<body>
<div id = "log">
<form autocomplete="off" method="post" action="login.php">
<p>Username:</p> <input class="inputbox" type="text" name="Username" />
<p>Password:</p> <input class="inputbox" type="password" name ="Password" />
<br><br>
<input id = "submitbutton" type="submit" name="submit" value="Login" /> <br>
</div>
</div>
</body>
</html>
提前致谢
最佳答案
要在页面加载时淡入淡出，您可以使用简单的 CSS 动画
form {
animation: fadeIn .5s forwards;
animation-delay: 1s; /* optional */
opacity: 0;
}
@keyframes fadeIn {
to {
opacity: 1;
}
}<form autocomplete="off" method="post" action="login.php">
<p>Username:</p> <input class="inputbox" type="text" name="Username" />
<p>Password:</p> <input class="inputbox" type="password" name="Password" />
<br><br>
<input id="submitbutton" type="submit" name="submit" value="Login" />
</form>关于javascript - 登录框的淡入淡出过渡，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42059454/