Blockquote vers 5

Demo :
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris pulvinar lobortis luctus. Donec posuere sollicitudin diam, non semper metus vulputate nec. Curabitur lobortis porttitor convallis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.
codes :

blockquote{
background:url(http://25.media.tumblr.com/tumblr_mbamchIsvG1qhhbndo1_500.jpg);
padding:10px;
color:#000;
letter-spacing:1px;
border-radius:10px;
border:2px solid #ccc;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
text-shadow: -1px 0 fff, 0 1px fff,
1px 0 fff, 0 -1px fff;
}

blockquote:hover{
background:url(http://25.media.tumblr.com/tumblr_mbamchIsvG1qhhbndo1_500.jpg);
background-position:50% 50%;
}

     Adjust code : 
- Merah : URL background blockquote.
- Hijau : kode warna border blockquote. Email ThisBlogThis!Share to XShare to FacebookShare to Pinterest