cara membuat background blockquote animasi

Cara membuat background blockquote animasi - cara membuat background blockquote animasi ini sangat simpel, tampilan background blockquote animasi ini juga menarik. Blockquote ini sering kita jumpai pada blogspot, jadi hal ini harus di kuasai para blogger mania. Pada tutorial cara membuat background blockquote animasi kali ini, saya hanya memodifikasi tempilannya dengan perintah CSS untuk merubah tampilan devault. Untuk melihat tampilan background blockquote animasi ini silahkan lihat tampilan background blockquote animasi dibawah ini dan tutorial lengkapnya, bila anda tertarik memasang cara membuat background blockquote animasi, silahkan simak tutorial dibawah ini, langsung jasa menuju TKP.

Demo

Code CSS here..

/*****************************************
Name : background blockquote animasi
By : Rivai Silaban | Blog Design
Update :Jumat 10 January 2014
site : www.rivai.org
******************************************/
blockquote {
width: 90%;
margin:10px auto;
border-top: solid 10px #666;border-left: solid 1px #ccc;border-bottom: solid 1px #ccc;border-right: solid 1px #ccc;
box-shadow:100 2px #999;
background-color: #eee;
padding: 10px;
font-family: "Courier New", Courier, monospace;
font-size: 12px;
color: #333333;
line-height: 15px;
word-wrap: break-word;
text-align: left;
}
blockquote:hover {
border-top: solid 10px #3A74C9;
color: #000000;
background-color: #FFFFFF;
box-shadow:0 0 5px #999;
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9rKlvKMHRIWFqYOZDIczmzifcZ0jq58NbuC_7jwxNsy576Rre3RP3m2XbU4ekMPaJXu1hJ18POW7giZy3KG6ysggyRYSQlvzGITEQDNqAK6NjlKv9DZYhyphenhypheny8UcveznhN70i2JX3xC8HpK/s1600/hover-bg.gif") repeat;
}
/*** www.rivai.org CSS background blockquote animasi and ***/

Pada prinsipnya sistem yang dipakai cara membuat background blockquote animasi ini hanyalah fungsi CSS cara membuat background blockquote animasi itu sendiri, tanpa memakai fungsi tag html, untuk tag html cara membuat background blockquote animasi hanya memakai code html standartnya saja <blockquote> ... </blockquote>.
Sumber : http://www.rivai.org/2014/01/background-blockquote-animasi.html

Terimakasih atas kunjungannya,Bila anda suka dengan artikel ini silahkan JOIN TO MEMBER BLOG atau berlangganan geratis Artikel dari blog ini, daftarkan email anda pada form subscribe dibawah halaman . Pergunakan vasilitas diblog ini untuk mempermudah anda. Bila ada masalah dalam penulisan artikel ini silahkan kontak saya melalui kotak komentar yang ada dibawah atau gunakan fasilitas yang ada diblog ini untuk menghubungi saya.

Salam Blogger.... !!! .

Admin Rivai Silaban

Share article with : Google+ Facebook Twitter

Di posting oleh : Unknown Update pada : 2:52 PM