Javascript 登录框的淡入淡出转换_Javascript_Jquery_Html_Css_Transition

Javascript 登录框的淡入淡出转换

javascript jquery html css

Javascript 登录框的淡入淡出转换,javascript,jquery,html,css,transition,Javascript,Jquery,Html,Css,Transition,如果可能的话，我想让我的登录框在页面加载时淡入淡出。。。我尝试过寻找其他堆栈溢出的答案，但没有一个适合我的代码 HTML: 要在页面加载时淡入，可以使用简单的CSS动画表单{ 动画：fadeIn.5s向前；动画延迟：1s；/*可选*/ 不透明度：0； } @关键帧淡入淡出{ 到{ 不透明度：1； } } 用户名：密码： <?php if(isset($_POST["submit"])) { $link = mysqli_connect("localh

如果可能的话，我想让我的登录框在页面加载时淡入淡出。。。我尝试过寻找其他堆栈溢出的答案，但没有一个适合我的代码

HTML:

要在页面加载时淡入，可以使用简单的CSS动画

表单{
动画：fadeIn.5s向前；
动画延迟：1s；/*可选*/
不透明度：0；
}
@关键帧淡入淡出{
到{
不透明度：1；
}
}

用户名：
密码：




<?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>