Membuat Animasi Tooltips Dengan CSS3

Hallo teman-teman, pada tutorial kali ini saya ingin mengajarkan bagaimana membuat Animasi Tooltips dengan CSS pada ikon-ikon sosial jadi saat ikon sosial tersebut  di hover maka akan muncul tooltips atau informasi pada ikon sosial tersebut. Baiklah kita langsung saja masuk ke pokok pembahasannya.

Pertama teman-teman bisa buat struktur HTML nya seperi gambar di bawah ini :

Lalu di bawah ini adalah CSS untuk Animasi Tooltipsnya :

Setelah semuanya di buat teman-teman bisa save dan lihat hasilnya.

Sekian dulu tutorial dari saya, semoga bisa menambah ilmu teman-teman. Terima Kasih

Untuk Melihat hasilnya di SINI dan DOWNLOAD sourcenya.