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-4.

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-4. berikut langkah-langkahnya:

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

– 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-4

Pada saat kita hover note-nya maka akan terjadi transisi dengan waktu per-sekian detik sehingga membuat animasi menjadi lebih menarik.

Bagaimana teman-teman mudahkan Cara Membuat Note Menggunakan HTML5 dan CSS3 Part-4. Jangan lupa ya untuk mencobanya langsung dan terus belajar tentang ilmu web design.

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