CSS3 Transition On Text Or Logo

Pengen kayak gini Sobat always-sharing.com ???Yuk kita Pasang efeknya di blog Kita.


Masuk ke EDIT HTML.

Copas kode berikut diatas ]]></b:skin>

#tran h1 { width:290px;

margin: 0 auto;

background: #000;

-webkit-transition: all 1s ease-in-out;

-moz-transition: all 1s ease-in-out;

-o-transition: all 1s ease-in-out;

-ms-transition: all 1s ease-in-out;

height: 100px;}

 

#tran h1:hover {background: #333;

-webkit-transform: rotate(5deg) scale(1.05);

-moz-transform: rotate(5deg) scale(1.05);

-o-transform: rotate(5deg) scale(1.05);

-ms-transform: rotate(5deg) scale(1.05); }

Klik Save.

Untuk percobaan, copas kode berikut setelah sobat menginput dan mengsave code di atas td di postingan baru bagian HTML atau di HTML.Javascript.

<div id="tran">

<a href="index.html"><h1>~aLwaYs Sharing~</h1></a>

</div>

Warna Merah Ganti Sendiri ya Sobat ... ehehehhe ....