Metode Mudah Membuat Jam Digital

Metode Mudah Membuat Jam Digital - Belakangan ini banyak yang ingin membuat Jam Digital diblognya sehingga blognya tampil lebih elegan dengan menambahan berbagai fitur. Salah satunya Metode Mudah Membuat Jam Digital ini. Perhatikan dan terapkan jika ingin membuatnya.

Metode Mudah Membuat Jam Digital


body {
    min-height: 100%;
    margin: 0;
    background: rgb(0,122,255);
    color: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#realtime {
    font-family: Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
    font-weight: 100;
    display: block;
    text-align: center;
    font-size: 12vw;
    padding: 4rem 0;
}

#realtime span {
    display: inline-block;
    font-family: Avenir Next, Nunito, sans-serif;
    font-weight: 100;
    font-size: 8vw;
    position: relative;
    top: -2vw;
}

@media all and (max-width: 600px) {
    #realtime {
        font-size: 4rem;
        padding: 2rem 0;
    };
}

@media all and (max-width: 350px) {
 
    #realtime {
        font-size: 3rem;
        padding: 2rem 0;
    };
}


<time id="realtime"></time>

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