Salam hangat teman-teman, semoga teman-teman sehat selalu ya, Pada tutorial kali ini saya akan mencoba melanjutkan tutorial sebelumnya. Sekarang kita akan membahas tentang Cara Membuat Note Menggunakan HTML5 dan CSS3 Part-3.

Sering kali kita ingin memberi efek-efek pada website kita agar terlihat lebih bagus. Seperti membuat note untuk kita sisipkan di website kita.

Nah, sekarang saya akan mencoba memberikan efek animasi menggunakan CSS3.

Sekarang saya akan memberikan trick Cara Membuat Note Menggunakan HTML5 dan CSS3 Part-3. berikut langkah-langkahnya:

– Pertama teman-teman buka file index.html yang kemarin kita telah buat:

Jangan lupa save dengan nama index.html

– Kedua teman-teman buka file css yang telah kita buat kemarin.Lalu tambahkan kode CSS3 di bawah ini:

– Hasilnya akan menjadi seperti ini:

cara-membuat-note-menggunakan-html5-dan-css3-part-3

Bagaimana teman-teman mudahkan Cara Membuat Note Menggunakan HTML5 dan CSS3 Part-3. Pada tutorial berikutnya kita akan mencoba menambahkan efek animasi supaya lebih bagus lagi pada note yang telah kita buat tadi.

Sekian tutorial saya untuk kali ini. Sehat selalu ya teman-teman, selamat mencoba.