Hallo teman-teman, Bertemu kembali dengan saya dan masih diwebsite ini. Seperti biasa ya teman-teman, semoga masih diberikan kesehatan dan kebahagiaan agar dapat kembali semangat dalam mencari informasi atau ingin mengupgrade skill didunia website terutama dalam hal desain website.

Pada kesempatan kali ini saya akan membahas tentang Cara Membuat Bingkai Photo dengan CSS3. Dipembahasan kali ini kita bermain tentang styling pada website, pada dasarnya css mempunyai property-property yang tidak kalah dengan tools pada software design seperti adobe photoshop.

Oke mari kita mulai Cara Membuat Bingkai Photo dengan CSS3. Pertama-tama teman-teman siapkan photo atau gambarnya terlebih dahulu, lalu selanjutnya jalankan/run text-editor yang teman-teman gunakan. Kemudian masukanlah script HTML dibawah ini :

Jika sudah dengan HTMLnya, langkah selanjutnya teman-teman masukan script CSS seperti dibawah ini dan letakan diantara tag head pada HTML atau lebih tepatnya kita menggunakan CSS internal :

Oke script HTML dan CSS nya sudah, kemudian langkah selanjutnya silahkan teman-teman jalankan/run pada browser yang teman-teman gunakan. Jika benar maka hasilnya akan seperti pada gambar dibawah ini :

cara-membuat-bingkai-photo-dengan-css3

Cukup mudah bukan teman-teman ?, Jadi seperti itulah kurang lebihnya Cara Membuat Bingkai Photo dengan CSS3. Untuk pengembangannya silahkan teman-teman modifikasi sendiri sesuai selera teman-teman dan pelajari lagi tentang property CSS karena banyak sekali yang keren-keren.

Oke kalau begitu cukup sekian pembahasan kali ini tentang Cara Membuat Bingkai Photo dengan CSS3. Semoga Bermanfaat buat teman-teman dan sampai bertemu dipembahasan selanjutnya.

Terimakasih