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 Shapes Speech Bubble dengan CSS3. Seperti yang sebelumnya saya sudah pernah menjelaskan tentang pembuatan Shapes pada CSS teman-teman bisa lihat di artikel saya sebelumnya di -> Cara Membuat Shapes Triangle dengan CSS3.

Jadi cara membuat shapes nya tidak jauh berbeda dengan materi saya yang sebelumnya, tapi kali ini kita membuat Shapes Speech Bubble. Oke kalau begitu langsung saja kita mulai dalam Cara Membuat Shapes Speech Bubble dengan CSS3.

Pertama-tama teman-teman jalankan/buka text editor yang teman-teman gunakan, dan kebetulan disini saya menggunakan sublime text sebagai text editornya. Jika sudah dijalankan, lalu kemudian teman-teman masukan script HTML nya kedalam text-editornya seperti dibawah ini :

Jika sudah silahkan teman-teman simpan dengan nama speech.html atau terserah teman-teman. Lalu langkah selanjutnya teman-teman masukan kembali script CSS dibawah ini dan disini seperti biasa kita menggunakan internal CSS.

Jika sudah silahkan teman-teman simpan, dan kemudian coba teman-teman jalankan/run dibrowser yang teman-teman gunakan. Kalau berhasil maka hasilnya akan sama seperti pada gambar dibawah ini :

cara-membuat-shapes-speech-bubble-dengan-css3

Oke teman-teman cukup mudah kan, jadi seperti itulah wujud dari Shapes Speech Bubble dan begitulah Cara Membuat Shapes Speech Bubble dengan CSS3. untuk pengembangannya silahkan teman-teman coba modif sendiri sesuai dengan selera teman-teman.

Oke kalau begitu cukup sampai disini dahulu pembahasan kali ini tentang Cara Membuat Shapes Speech Bubble dengan CSS3 semoga dapat bermanfaat buat teman-teman dalam mendesign websitenya dan sampai bertemu dipembahasan selanjutnya.

Terimakasih