Macam-Macam Efek Tooltips

10/08/2014    Faizal Rafik    824     Website

Hallo teman-teman apa kabar nih semuanya, mudah-mudahan sehat semuanya ya. Baiklah pada tutorial kali ini kita akan belajar macam-macam efek tooltips. Tooltips adalah pesan singkat yang muncul pada saat kita arahkan kursor kearah link, gambar, atau element lainya yang akan kita klik. Efek tooltips ini bisa kita buat semenarik mungkin, seperti efek memudar perlahan saat kita arahkan kursor, dan efek lain-lainya. Oke kita sekarang akan mencoba membuatnya.

Pertama Kalian bisa buat untuk tampilan HTML nya seperti gambar dibawah ini :

Setelah itu berikut adalah CSS untuk efek-efek tooltips nya :

CSS Tooltips Top

CSS Tooltips Left

CSS Tooltips Right

CSS Tooltips Bottom

CSS Tooltips Sliding

CSS Tooltips Fading

CSS Tooltips Images

Jika kalian ingin mencopy seluruh scriptnya kalian bisa kilk link download di bawah ini. Sekian dulu Tutorial dari saya sampai ketemu ditutorial berikutnya. Terima Kasih.

DEMO | DOWNLOAD

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More