Modelos de título do post

Oi peoples :P, hoje vi no Kawaii World em um post BEM ANTIGO de um tutorial de modelo de título de post, adimito que até eu me interessei, porque não merecemos esses titulos feios com aquele hover laranja tradicional do blog MEDONHO, eles são muito personalizados e muito fofos, vamos conferir?

Modelo 1:

h3.post-title {

margin-top: 25px;

text-align: center;

border-bottom: 1px dotted #d4d4d4;

}

@font-face {

  font-family: 'Delius';

  src: local('Delius-Regular'), url(http://themes.googleusercontent.com/static/fonts/delius/v3/7WQiMJKp1Jo3CiUw302zGA.woff) format('woff');

}

h3.post-title a {

font-family: Delius;

color: #f596a6;

font-size: 20px;

text-shadow: 0px 0px 1px #dadada;

letter-spacing: -1px;

-webkit-transition-duration: .90s;

font-weight: lighter;

}

h3.post-title a:hover {

color: #f77d91;

-webkit-transition-duration: .90s;

}

Modelo 2:

h3.post-title {

margin-top: 25px;

text-align: center;

border-bottom: 1px solid #ededed;

}

@font-face {

  font-family: 'Oswald';

  src: local('Oswald Light'), local('Oswald-Light'), url(http://themes.googleusercontent.com/static/fonts/oswald/v7/HqHm7BVC_nzzTui2lzQTDT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');

}

h3.post-title a {

font-family: Oswald;

color: #e4a954;

font-size: 20px;

text-shadow: 0px 0px 1px #ededed;

letter-spacing: 2px;

text-transform: uppercase;

-webkit-transition-duration: .90s;

font-weight: lighter;

}

h3.post-title a:hover {

color: #d6d6d6;

-webkit-transition-duration: .90s;

}

Modelo 3:

@font-face {

  font-family: 'Delius';

  src: local('Delius-Regular'), url(http://themes.googleusercontent.com/static/fonts/delius/v3/7WQiMJKp1Jo3CiUw302zGA.woff) format('woff');

}

h3.post-title {

margin-top: 22px;

text-align: left;

border-bottom: 1px dotted #d4d4d4;

}

h3.post-title a {

font-family: Delius;

color: #ffa7b8;

font-size: 19px;

text-shadow: 0px 0px 1px #dadada;

letter-spacing: -1px;

-webkit-transition-duration: .90s;

font-weight: lighter;

background-repeat: no-repeat;

background-image: url(http://static.tumblr.com/0xqvkot/0Rcmpqj3p/1327.png);

background-position: left;

padding-left: 23px;

}

h3.post-title a:hover {

text-decoration: none;

color: #f77d91;

letter-spacing: 5px;

-webkit-transition-duration: .90s;

}

Modelo 4:

@font-face {

  font-family: 'Montserrat Alternates';

  src: local('MontserratAlternates-Regular'), url(http://themes.googleusercontent.com/static/fonts/montserratalternates/v1/z2n1Sjxk9souK3HCtdHukiVz4wwEV01Tv2kxNh88JXM.woff) format('woff');

}

h3.post-title {

margin-top: 22px;

text-align: left;

border-bottom: 1px dotted #d4d4d4;

}

h3.post-title a {

font-family: Montserrat Alternates;

color: #e9af5c;

font-size: 15px;

text-shadow: 0px 0px 1px #dadada;

letter-spacing: -1px;

-webkit-transition-duration: .90s;

font-weight: lighter;

background-repeat: no-repeat;

background-image: url(http://static.tumblr.com/0xqvkot/rffmpqjm2/1330.png);

background-position: left;

padding-left: 23px;

}

h3.post-title a:hover {

text-decoration: none;

color: #f77d91;

letter-spacing: 5px;

-webkit-transition-duration: .90s;

}