Cara Membuat Efek Text Pada Postingan 2

Tutorial kali ini merupakan kelanjutan dari " Cara Mem-

buat Efek Text Pada Postingan 1 " sebelumnya. Efek

yang kedua ini selain warnanya berubah, ukuran teks-

nya pun juga berubah. Coba saja letakkan cursor

anda pada kalimat di bawah ini :

Sudahkah mengisi RUANG SAHABAT blog ini ?
Kalau belum, isilah terlebih dahulu ...
sebelum anda menggunakan tutorial ini.

Anda ingin mencoba ? Berikut ini caranya :

1.  Terlebih dahulu, copy kode di bawah ini.

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

2.   Letakkan kode di atas pada postingan anda.

3.   Masukkan kalimat yang anda inginkan untuk
      jadi berubah warna dan ukurannya pada kode :
      TULIS KALIMATNYA DI SINI

4.   Atur warna perubahan yang anda inginkan
      pada kode color:red

5.   Ubah juga ukuran & warna shadownya pada kode
      {text-shadow: 0 0 15px rgb(0, 255, 255)

6.   Atur ukuran pembesaran teksnya pada kode scale(2).
      Ada 2 yang harus anda ubah pada kode di atas.
      (2) menandakan pembesarannya 200%
      (3) menandakan pembesarannya 300%
      dan seterusnya. Ubahlah sesuai keinginan anda.

7.   Seperti biasa, letakkanlah kode tersebut dalam
      modus Edit HTML, bukan Compose.

Selamat mencoba, good luck!