jquery mencipta mesej gesaan lapisan pop timbul yang cantik effects_jquery

  badan, html
        {
            ketinggian: 100%;
            saiz fon: 20px;
            font-family: Source Sans Pro;
        }
        .b, .bb
        {
            jawatan: mutlak;
            lebar: 100%;
            ketinggian: 100%;
            latar belakang: url("kje4L5j.jpg");
            lampiran latar belakang: tetap;
            saiz latar belakang: penutup;
            kedudukan latar belakang: tengah;
        }
        .bb
        {
            latar belakang: url("bDBs0et.jpg");
            lampiran latar belakang: tetap;
            saiz latar belakang: penutup;
            kedudukan latar belakang: tengah;
            paparan: tiada;
        }
        #pergi
        {
            jawatan: mutlak;
            atas: 30px;
            kiri: 50%;
            ubah: terjemah(-50%, 0%);
            warna: putih;
            sempadan: 0;
            latar belakang: #71c341;
            lebar: 100px;
            ketinggian: 30px;
            jejari sempadan: 6px;
            saiz fon: 1rem;
            peralihan: latar belakang 0.2s mudah;
            garis besar: tiada;
        }
        #go:hover
        {
            latar belakang: #8ecf68;
        }
        #go:active
        {
            latar belakang: #5a9f32;
        }
        .mesej
        {
            jawatan: mutlak;
            atas: -200px;
            kiri: 50%;
            ubah: terjemah(-50%, 0%);
            lebar: 300px;
            latar belakang: putih;
            jejari sempadan: 8px;
            pelapik: 30px;
            penjajaran teks: tengah;
            berat fon: 300;
            warna: #2c2928;
            kelegapan: 0;
            peralihan: atas 0.3s cubic-bezier(0.31, 0.25, 0.5, 1.5), kelegapan 0.2s kemudahan-keluar;
        }
        .mesej .semak
        {
            jawatan: mutlak;
            atas: 0;
            kiri: 50%;
            ubah: terjemah(-50%, -50%) skala(4);
            lebar: 120px;
            ketinggian: 110px;
            latar belakang: #71c341;
            warna: putih;
            saiz fon: 3.8rem;
            padding-top: 10px;
            jejari sempadan: 50%;
            kelegapan: 0;
            peralihan: ubah 0.2s 0.25s cubic-bezier(0.31, 0.25, 0.5, 1.5), kelegapan 0.1s 0.25s kemudahan-keluar;
        }
        .mesej .penurunan skala
        {
            ubah: terjemah(-50%, -50%) skala(1);
            kelegapan: 1;
        }
        .mesej p
        {
            saiz fon: 1.1rem;
            jidar: 25px 0px;
            pelapik: 0;
        }
        .mesej p:nth-child(2)
        {
            saiz fon: 2.3rem;
            jidar: 40px 0px 0px 0px;
        }
        .mesej #ok
        {
            jawatan: relatif;
            warna: putih;
            sempadan: 0;
            latar belakang: #71c341;
            lebar: 100%;
            ketinggian: 50px;
            jejari sempadan: 6px;
            saiz fon: 1.2rem;
            peralihan: latar belakang 0.2s mudah;
            garis besar: tiada;
        }
        .message #ok:hover
        {
            latar belakang: #8ecf68;
        }
        .mesej #ok:aktif
        {
            latar belakang: #5a9f32;
        }
        .masuk
        {
            atas: 150px;
            kelegapan: 1;
        }