sábado, 7 de junho de 2014

Modelo para blockquote 2


@font-face { 
font-family: "Pf Arma Five"; 
src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); 
}
blockquote {
font-family: Pf Arma Five;
font-size: 8px;
color: #000;
text-align: center;
border-left: 3px solid #AD97B8;
border-right: 3px solid #AD97B8;
background: #F7F4F5;
padding: 8px;
-webkit-transition-duration: .50s;
}
blockquote:hover {
font-family: Pf Arma Five;
font-size: 8px;
color: #fff;
letter-spacing: 1px;
text-align: center;
border-left: 0px solid transparent;
border-right: 0px solid transparent;
border-radius: 4px;
background: #AD97B8;
padding: 8px;
-webkit-transition-duration: .50s;
}

Como colocar? Veja aqui.

Créditos: I Love Tutoriais & Kawaii Word

Nenhum comentário:

Postar um comentário