<h3>Blockquote com <span>efeito</span></h3>

Hoje o tutorial é como adicionar o Blockquote com efeito ao descansar o mouse. veja o exemplo aqui WWW

O que é Blockquote?

Blockquote é um elemento que serve para marcar um determinado techo no texto, veja a caixinha abaixo.

Normal

Ao descansar o mouse

---------------------------------------------------------------------
Copie o código abaixo, cole antes de ]]></b:skin> e salve.

blockquote {
border:2px dashed #FF1493;
padding-left: 25px;
background: url(http://i111.photobucket.com/albums/n159/docedani/7659177_ag6Ng.gif)
repeat-y; background-size: 15px 50px; color: #ccc;
-webkit-transition: all .4s ease-in-out!important;
-moz-transition: all .4s ease-in-out!important;
-o-transition: all .4s ease-in-out!important;
font: 13px arial!important;
text-transform: lowercase; }
blockquote:hover {
border: 1px dotted #fbc;
padding-left: 1;
background: url(http://i111.photobucket.com/albums/n159/docedani/haikei252.gif) repeat-y; background-position: right top;
padding-right: 25px;
-webkit-transition: all .4s ease-in-out!important;
-moz-transition: all .4s ease-in-out!important;
-o-transition: all .4s ease-in-out!important; }

Como usar Blockquote no post:
Quando criar uma nova postagem clic na opção (Citação), e escreva entre <blockquote >   </blockquote>. Veja abaixo.


<blockquote> Escreva o seu texto </blockquote>