Эффекты встряхивания формы, когда информация неверна

Я хочу иметь эффект дрожания формы, когда введенная информация, такая как логин или пароль, неверна.

http://www.aorank.com/tutorial/form_shake_on_invalid_entry/login.html ‹ Это тот эффект, который мне нужен.

Итак, я получил код входа (login.php):

<?php

session_start();
$conn=mysqli_connect('localhost', 'root', '', 'xyz');
mysqli_set_charset($conn,"utf8");

if ($_SERVER['REQUEST_METHOD'] == 'POST'){

    if(empty($_POST["login"])  ||   empty($_POST["passwd"])){
        header("location: index.php");

    }else{
        $username=$_POST["login"];
        $password=$_POST["passwd"];

    $username=stripslashes($username);
    $password=stripslashes($password);
    $username=mysqli_real_escape_string($conn, $username);
    $password=mysqli_real_escape_string($conn, $password);

    $password=md5($password);

    $sql="SELECT * FROM account WHERE login= '$username' and passwd= 
    '$password'";   


    $result=mysqli_query($conn,$sql);
    $row=mysqli_fetch_assoc($result);

    if(mysqli_num_rows($result) == 1){
        $_SESSION['idUzyt'] = $row['ID'];
        header("location: index.php");
    }else{
        header("location: zaloguj.php");
    }
  }
}


?>

И код формы входа на странице:

<?php
      echo 
        '<div><a href="index.php"><img style="display:block; margin-left:auto; margin-right:auto; padding:5% 0 0"; src="images/img_01.svg" /></a></div>

        <div class="login-page">
            <div class="form">
                <form class="login-form" action="login.php" method="post">
                    <input type="text" name="login" placeholder="Login" />
                    <input type="password" name="passwd" placeholder="Password" /> 
        <button>LOG IN</button>
                </form>
            </div>
        </div>';          

?>

Кто-нибудь может мне помочь?