Lembrando que ainda tem o #3
Hello!! Tudo bom cupcake? Bom hoje eu trouxe mais modelos pra o titulo da sidebar!! então vamos lá
Antes de tudo procure por::
/* widgets
E apague TUDO até MOBILE e deixe assim:::
/* WidgetsLogo após ter feito isso cole entre os dois o código desejado e faça as alterações que quiser::;
----------------------------------------------- */
/* Mobile
----------------------------------------------- */
MODELO 1
NORMAL
HOVER
.sidebar h2 {
font-family: Tahoma;
text-transform: uppercase;
letter-spacing: 3px;
color: #ccac90;
border-bottom: 1px dotted #c8bcb2;
font-size: 11px;
text-align: center;
word-spacing:.4em;
-webkit-transition-duration: .50s;
}
.sidebar h2:hover {
letter-spacing: 6px;
color: #b39478;
-webkit-transition-duration: .50s;
}
MODELO 2
NORMAL
HOVER
@font-face {font-family: "beat"; src: url('http://static.tumblr.com/0xqvkot/qoCmj9gu6/altehaasgroteskregular.ttf');}
.sidebar h2 {
font-family: beat;
text-transform: uppercase;
letter-spacing: 3px;
color: #f38a97;
text-shadow:0 1px #cccccc;
border-bottom: 1px solid #e5e5e5;
font-size: 13px;
text-align: center;
word-spacing:.4em;
-webkit-transition-duration: .50s;
}
.sidebar h2:hover {
letter-spacing: 1px;
color: #d0d0d0;
-webkit-transition-duration: .50s;
}
MODELO 3
NORMAL
HOVER
.sidebar h2 {
font-family: Tahoma;
font-size: 14px;
color: #aeaeae;
text-transform: uppercase;
text-shadow:0 1px #dbdbdb;
background-color: #f4f4f4;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 5px;
margin: 2px;
border-bottom: solid 1px #e3e1e2;
text-align: center;
-webkit-transition-duration: .50s;
}
.sidebar h2:hover {
color: #d9d8d9;
-webkit-transition-duration: .50s;
}
CRÉDITOS:: KAWAII WORD
Nenhum comentário:
Postar um comentário