Hallo teman-teman? apa kabar? semoga baik, balik lagi pada tutorial dumet school, kali ini saya akan coba menchare tentang bagaimana cara membuat efek drop cap dengan menggunakan css3, seperti yang kita tau, efek drop cap adalah membuat awal huruf mnjadi besar seperti yang biasa kita buat pada ms.word, oke daripada bingung kita langsung saja praktekan ya teman-teman,
silahkan buat sebuah file dan ketikan script berikut :
jika sudah teman teman save, dan jika dijalankan hasilnya hanya tulisan seperti biasa, nah sekarang coba kita atur cssnya, teman-teman bisa ketikan script css berikut :
jika sudah sekarang coba refres browser masing-masing, jika benar maka hasilnya akan seperti berikut :
hasilnya hampir sama dengan ketika kita menggunakan efek drop cap pada ms.word, cukup mudah kan teman-teman hehehe, silahkan dicoba dirumah, cukup sekian artkel kali ini semoga bermanfaat dan teriimakasih 🙂