Metode Membuat Pure CSS Tumpukan Kertas

Metode Membuat Pure CSS Tumpukan Kertas - Ya Metode Membuat Pure CSS Tumpukan Kertas. Sebelumnya saya sudah membagaikan tentang Metode Membuat Pure CSS Notepaper. Selanjutnya saya akan membagaikan metode baru ini. Silahkan simak dengan baik.


.kertastu {
    margin: 50px auto;
    background: #fff;
    width: 300px;
    height: 400px;
    border-radius: 3px;
    position: relative;
    box-shadow: 0 0 0 1px #ccc,
                0 4px 0 -2px #fff,
                0 4px 0 -1px #ccc,
                0 8px 0 -4px #fff,
                0 8px 0 -3px #ccc;
}

h1, h2 {
    font-family: "Helvetica Neue", Helvetica, Arial;
    color: #666;
    text-align: center;
    padding: 100px 30px 0;
    font-weight: bold;
    font-size: 30px;
}

h1 span {
    color: #f48979;
    font-size: 60px;
    line-height: 120px;
}

h2 {
    font-size: 14px;
    color: #999;
    font-weight: 100;
}

Demo

View me

Website sementara masih dalam kondisi perbaikan, untuk sementara website utama beralih ke Jumbo Cell