Blog Request tutorial? klik disini!

  • Membuat Form Responsive HTML5 & CSS3

    Ditulis oleh: Rully Febrian
    3026 kali dibaca
    30 Jun / 2014 11:20

    Hallo teman-teman kali ini kita akan membuat sebuah form responsive dengan menggunakan HTML5 dan CSS3. Pada tutorial sebelumnya kita sudah membahas tentang bagaiman membuat sebuah website menjadi responsive dengan menggunakan media queries. Hal serupa akan kita terapkan pada tutorial ini. Yang berbeda adalah form ini akan memiliki efek CSS3 transition dan opacity.

    Teman-teman bisa pelajari kode HTML dan CSS dibawah ini :

    See the Pen aKEtw by Rully Febrian (@rully) on CodePen.

     

    Teman-teman bisa berkreasi sendiri untuk mengubah warna dan background image sesuai keinginan. Coba perhatikan media queries @media only screen and (max-width: 580px) mendefinisikan fungsi akan berjalan ketika ukuran layar lebih kecil dari 580px. Teman-teman bisa menambahkan fungsi media queries lainnya. Adapun ukuran standard Media queries dapat teman-teman download DISINI.

    Demikian Tutorial ini semoga menambah ilmu kita semua dan sampai bertemu di tutorial berikutnya. Terimakasih dan Selamat Mencoba.

    DOWNLOAD






Baca juga

Rukan Artha Gading Niaga Blok i - 23, Jalan Boulevard Artha Gading

Kelapa Gading, Jakarta Utara 14240

(Belakang Mall Artha Gading)

Telp: (021) 4585-0387


Ruko Permata Regensi Blok B - 18, Jalan Haji Kelik

Srengseng, Kebon Jeruk, Jakarta Barat 11630

(Depan Hutan Kota Srengseng)

Telp: (021) 5890-8355


Ruko Jalan Taman Daan Mogot Raya No. 23

Kel. Tanjung Duren Utara Kec. Grogol Petamburan, Jakarta Barat 11470

(Belakang Mall Citraland dan Kampus UNTAR II)

Telp: (021) 2941-1188


Ruko Jalan Kartini Raya No. 53

Pancoran Mas, Depok 16436

(± 5 Menit dari Kantor Walikota Depok)

Telp: (021) 7720-7657


Rukan Crown Palace Blok A no 12, Jl Prof Dr Soepomo no 231 (Samping Universitas Sahid).

Kec. Tebet, Kel. Menteng Dalam.

(± 1 Menit dari Tugu Pancoran)

Jakarta Selatan 12870

Telp: (021) 2298-3886

Buka setiap hari Senin - Minggu jam 09.00 s/d 21.00

SMS: 0851-0055-5666 / 0819-7555-666 / 0812-9933-3913 / 0812-9393-3210 / 0812-1999-9155