Cara membuat teks area membesar saat di sorot mouse

Untuk lebih detailnya, sorot contoh teks area di bawah ini

Isi dengan apa saja, sesuai keinginan

Jika sobat tertarik untuk membuatnya,

berikut ini langkahnya:

1. Login blog

2. Rancangan

3. Edit html

4. Letakkan kode berikut di atas ]]></b:skin>

#tejakode {-o-transition:1.2s ease-out; -moz-transition:1.2s ease-out; -webkit-transition:1.2s ease-out;padding:0.75em;width:80%;color: #FFFFFF;border:1px solid #C0C0C0;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius: 5px;border-radius:5px;background: #000;}#tejakode:hover {color: #000;-o-transform:scale(1.2) translate(40px,40px) rotate(0deg);-moz-transform:scale(1.2) translate(40px,40px) rotate(0deg);-webkit-transform:scale(1.2) translate(40px,40px) rotate(0deg); background:#555;-o-transition: all 1.2s ease-in;-moz-transition: all 1.2s ease-out;-webkit-transition: all 1.2s ease-in;}

5. Simpan template

Kemudian

untuk kode pemanggil di postingan, letakkan kode di editor blog,

edit html bukan yang compose ya

<div id="tejakode">

Isi dengan apa saja, sesuai keinginan</div>

6. Simpan dan lihat hasilnya