Как создать красивый фон с анимацией для цитат (blockquote) Blogger

Красивый фон с анимацией для цитат

Посмотреть как работает можно тут - http://wp-demoblogger.blogspot.ru/2014/01/seo-optimizacija-sajtov-dlja-poiskovyh.html наведите мышкой на цитату. Если нужна такая фишка, пожалуйста стиль для неё:

/***************************************** Name : background blockquote animasi ******************************************/ 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/AVvXsEhxi-vSFdcvoXQkOz6gtblcwrR9dKnfPhGrwQ8zbgVv7f-gQJd-l_GoBARsN-9ACpHkTGNB4OHi6-TBmDrjGo-xBJw8cTkgiPeOfWpcMKmixbo6e9aThI8-rqimv5cUaIDhHkdKIq7aChp7/s1600/hover-bg.gif") repeat; } /*** CSS background blockquote animasi and ***/

Как пользоваться? Нужный текст в сообщение в режиме html заключаем в теги <blockquote> здесь текст цитаты </blockquote>.

На сегодня пока все. Если дошли до конца этого поста - молодцы. До новых встреч. А комментарии где, ребята и девчата?

источник