3 Estilos de blockquotes *-*

3 Estilos de blockquotes (cute)
Que tal blogueras !! esta vez les traigo 3 estilos diferentes de blockquotes, tomen el que mas les guste :D!!

para ponerlo en tu blog recuerda copiar el codigo con Ctrl+C y pegar Ctrl+V, luego te vas a Plantilla >> Editar Html >> y antes de </b:skin&gt; pegas el codigo :)!!! facil no?

Solo pasa tu cursor sobre el blockquote y mira su efecto hover :)!






1 Estilo: 

                                                   blockquote { margin: 1em 20px; padding:10px; background-image:url(http://i1221.photobucket.com/albums/dd461/kawaii_annyz/cutefondo2.png); border-left: 10px solid #EFE6FF; border-right: 10px solid #EFE6FF; border-top: 2px solid #EFE6FF; border-bottom: 2px solid #EFE6FF; color:#555555; border-radius: 10px; -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;} blockquote:hover { background:url(http://i1221.photobucket.com/albums/dd461/kawaii_annyz/cutefondo1.png); border-right: 10px solid #CAEFFF; border-left: 10px solid #CAEFFF; border-top: 2px solid #FFE1E4; border-bottom: 2px solid #FFE1E4; border-radius:30px; -webkit-box-shadow: 0px 0px 6px 4px #FFFAD8; -moz-box-shadow: 0px 0px 6px 4px #FFFAD8; box-shadow: 0px 0px 6px 4px #FFFAD8;}<textarea>




2 Estilo: 

                                                  blockquote { background-image:url(http://i1221.photobucket.com/albums/dd461/kawaii_annyz/cutefondo1.png);padding: 5px; border-top: 1px dashed #4F4F4F; border-bottom: 1px solid #4F4F4F; border-left: 10px groove #FF60AF; colour:#FFFFFF; } blockquote:hover{ background-image:url(http://i1221.photobucket.com/albums/dd461/kawaii_annyz/moustache.png);background-position:bottom right; background-repeat:no-repeat; display:block; padding:5px; color:#CECEFF; border-left:12px double #00E3E3; border-top:2px dotted #000000; border-bottom:2px solid #FF95CA; border-right: 1px dashed #4F4F4F; -moz-border-radius: 25px 10px / 10px 25px; border-radius: 25px 10px / 10px 25px; -webkit-transition: 1.0s; -moz-transition: 1.0s;}<textarea>






3 Estilo : 

                                                lockquote{ background: url(http://i1221.photobucket.com/albums/dd461/kawaii_annyz/cutefondo1.png) #fff; background-repeat: repeat; border-radius: 15px; -webkit-user-select: text; -moz-user-select: text; border: 1px dashed #C69FFF; padding: 25px 15px; color: #9C9C9C; box-shadow: inset 0px 0px 0px #D9F2FF,inset 0px 0px 0px #D9F2FF; -webkit-transition: 1.0s; -moz-transition: 1.0s; } blockquote:hover { box-shadow: inset 0px 14px 0px #FFE0EC,inset 0px -14px 0px #E2DEF9; -webkit-transition: 1.0s; -moz-transition: 1.0s; color: #555;}<textarea>


Ahora No Se Pueden Mover Pero Cuando Esten En Su Blog Veran Que Chulo Quedara *-*