Text Hover Keren

Efek Hover Text

Efek Text Hover Ini Jika Disorot Mouse Baru Akan Nampak..
Tetapi Jika Tidak Disorot Mouse..
Text Hover Ini Seperti Text Biasa Pada Umumnya...

Langsung Aja Yuk..Dipraktekin...

Sebelumnya..Lihat Contoh Text Dibawah Ini...

Ada 2 Macam Text Hover Yang Saya Buat Sendiri Untuk Kalian Semua...

Coba Kalian Letakan Kursor Kalian Tepat Dibawah Text Hover Normal Dan Text Hover + Zoom Agak Ke Sisi Tengah Lho Ya..

1. Text Hover Normal

Kirito Blog's

<style type="text/css"> #text{margin:0 auto;padding:5px;text-align:center;}.change_box {width:100%;height:100%;background:none;}#easy.change_box { -webkit-transition: all 3s easy-in;-moz-transition: all 3s easy-in;-o-transition: all 3s easy-in;-webkit-transition: all 3s easy-in;transition: all 3s easy-in;}#text:hover .change_box, #text.hover_effect .change_box {text-shadow: 0 0 15px rgb(0, 255, 255);color:blue;-moz-transform:scale(1);-webkit-transform:scale(1);-webkit-transition-duration: 3s;} </style><br /> <div id="text" style="color: black;"> <div class="change_box" id="text"> <div class="center"> <br /> TULIS KALIMATNYA DI SINI<br /> <br /> </div> </div> </div>

2. Text Hover + Zoom

Kirito Blog's

<style type="text/css"> #color-zoom{margin:0 auto;padding:3px;text-align:center;}.change_box {width:100%;height:100%;background:none;}#easy.change_box { -webkit-transition: all 4s easy-in;-moz-transition: all 4s easy-in;-o-transition: all 4s easy-in;-webkit-transition: all 4s easy-in;transition: all 4s easy-in;}#color-zoom:hover .change_box, #color-zoom.hover_effect .change_box {text-shadow: 0 0 10px rgb(255, 255, 0);color:red;-moz-transform:scale(2);-webkit-transform:scale(2);-webkit-transition-duration: 4s;} </style><br /> <div id="color-zoom"> <div class="change_box" id="color-zoom"> <div class="center"> <br /> TULIS KALIMATNYA DI SINI<br /> <br /> </div> </div> </div>

Ganti Tulisan " TULIS KALIMATNYA DISINI " Dengan Kalimat Yang Kalian Inginkan

Tips : Usahakan Tidak Terlalu Panjang..Karena Nanti Akan Terlihat Jelek..

Posted by Unknown on - Rating: 5.0

Title : Text Hover Keren
Description : Efek Hover Text Efek Text Hover Ini Jika Disorot Mouse Baru Akan Nampak.. Tetapi Jika Tidak Disorot Mouse.. Text Hover Ini Seperti Te...

Share to

Facebook Google+ Twitter