giriş formu

Saytlardan birində maraqlı bir giriş formu gördüm. Xoşuma gəldi hazırladım

<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>

<script>

    $(function(){

        

        $('div').animate({'height':'300px','width':'300px'},180,function(){

            $('div').animate({'height':'250px','width':'250px'},100,function(){

                $('div').animate({'height':'300px','width':'300px'},100);

            });

        });

        

    });

</script>

<style>

    div{

        position:absolute;

        left    :0px;

        right   :0px;

        bottom  :0px;

        top     :0px;

        margin  :auto;

        border  :1px solid;

        height  :0px;

        width   :0px;

        text-align: center;

    }

</style>

<div>

    <h3>Login Form</h3>

    <p><input /></p>

    <p><input /></p>

</div>

<button onclick="location.reload();">REFRESH</button>