Tags Personalizadas Com Efeito Inclinado

Nesta postagem venho compartilhar com vocês mais um interessante modelo de marcadores. Dessa vez, o os marcadores vem não só com um efeito transparente, mas também com efeito inclinado ao passarmos o cursor do mouse sobre eles. Tenho certeza que deixará o design do seu blogger muito melhor.

Curta nossa fan page no facebook: https://www.facebook.com/Dicashot

Para inserir no blogger... Entre em "Modelo" - "Editar HTML" e procure pela tag

]]></b:skin>

Tendo encontrado a tag, cole ACIMA dela o seguinte código

/*-----widget marcadores personalizados by dicashot.blogspot.com/----*/
.label-size{
margin:0 2px 6px 0;
padding: 3px;
text-transform: uppercase;
border: solid 1px #C6C6C6;
border-radius: 3px;
float:left;
text-decoration:none;
font-size:10px; 
color:#666;
}

.label-size:hover {
border:1px solid #6BB5FF;
text-decoration: none;
-moz-transition: all 0.5s ease-out; 
-o-transition: all 0.5s ease-out; 
-webkit-transition: all 0.5s ease-out; 
-ms-transition: all 0.5s ease-out; 
transition: all 0.5s ease-out;
-moz-transform: rotate(7deg); 
-o-transform: rotate(7deg); 
-webkit-transform: rotate(7deg); 
-ms-transform: rotate(7deg); 
transform: rotate(7deg); 
filter: progid:DXImageTransform.Microsoft.Matrix(
M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand');
zoom: 1; 
}

.label-size a {
text-transform: uppercase;
float:left;
text-decoration: none;
}
.label-size a:hover {
text-decoration: none;
}

Tendo feito isto, está pronto!!!