Website dengan tema satu halaman belakang ini menjadi trend saat ini. Dengan tampilan satu halaman, biasanya isi konten website akan di tampilkan semua. Contoh tampilan website ini biasanya cocok untuk website company profile atau website pribadi. Karena mengutamakan informasi tentang kita ditampilkan semua secara garis besar, sehingga tidak terlalu harus membuat sub menu pada navigasi website. Website dengan tema satu halaman ini banyak variasinya juga. Ada yang menggunakan scroll auto saat kita tekan menu, langsung menuju informasi yang dicari. Ada juga yang membuat seperti komik dari atas ke bawah tampilanya mempunyai cerita, ada juga dengan tampilan terdapat objek miring setiap ganti area informasi.

Sesuai dengan pembahasan diatas, kita akan mencoba mempelajari bagaimana cara membuat halaman website menjadi miring dengan css. Karena dalam fitur css3 sudah mumpuni untuk membuat tampilan website menjadi berbagai macam bentuk, sesuai dengan imajinasi kita. Jika dlu ingin membuat hal dengan bentuk yang aneh, biasanya kita mengakalinya dengan gambar dari photoshop. Dengan hadirny css3, akan membantu sekali untuk membangun tampilan website idaman kita.

Oke langsung saja kita mulai prakteknya, pertama kalian harus buat file html seperti contoh code dibawah ini.

miring.html

Setelah sudah kalian bisa simpan filenya dengan nama sesuai dengan keinginan kalian. Dan jangan lupa harus format html. Untuk melihat hasilnya kalian bisa buka lewat browser. Jika berhasil maka tampilanya akan seperti ini.

Seperti itu kira-kira tampilanya, kalian bisa modifikasi lagi untuk membuat tampilan website yang lebih kompleks lagi isi kontenya. Mudah bukan ?

Sekian pembahasan mengenai cara membuat halaman website menjadi miring dengan css. Semoga bermanfaat.