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.
CSS
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/AVvXsEhRE7xZHHzLbX114TFJgSKHfVcv6iBvnywNi9dpxcdxJF6n7RPSEyqAQx34sk2xUIPF_6t0A4Vh7lu2-L_olLLUytib2ucUlgHidYj13CTiup8HJQjFa_-D51zD87ywM6GUXzYKTddMVyGZ/s1600/hover-bg.gif") repeat;}
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>.
