kali ini saya akan share animasi blockquote dengan efek transisi memang sebelumnya saya sudah banyak share blockquote
blockquote keren bingis
blockquote keren terbaru
cara pasang blockquote dengan effek hover
memang sudah sering saya share blockquote tapi tak ada salahnya jika saya akan share animasi blockquote dengan efek transisi untuk live demo nya bisa dilihat di sini
CARA PEMASANGAN
- masuk dashboard
- klik template / edit HTML
- cari kode ]]></b:skin>
- paste kan kode dibawah ini tepat di atas kode ]]></b:skin>
/*****************************************
Blockquote by www.chenkho.blogspot.com
******************************************/
.post blockquote {
margin:15px 30px;
font:italic normal 14px/1.4 Georgia,Serif;
height:0;
padding:0 0;
background-color:#0066B3;
border:10px solid #80C8FE;
border-left-color:#00477D;
border-right-color:#00477D;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,.4);
-moz-box-shadow:0 1px 2px rgba(0,0,0,.4);
box-shadow:0 1px 2px rgba(0,0,0,.4);
overflow:auto;
-webkit-transition:all 1s cubic-bezier(1,0,0,1) .5s;
-moz-transition:all 1s cubic-bezier(1,0,0,1) .5s;
-ms-transition:all 1s cubic-bezier(1,0,0,1) .5s;
-o-transition:all 1s cubic-bezier(1,0,0,1) .5s;
transition:all 1s cubic-bezier(1,0,0,1) .5s;
}
.post blockquote:hover {
padding:10px 15px;
background-color:#BFE3FE;
border:5px solid #00477D;
height:350px;
}
- klik simpan
3 comments
Bagus juga sob..
thanks
mantap blockquote nya mas bro..
berkomentarlah sesuka anda
===>no link aktiv<===
NB:Sebelum menyisipkan kode silahkan gunakan tool konversi kode terlebih dahulu untuk menampilkan kode tersebut pada kolom komentar