Винтажный текст на чистом CSS

Эффект винтажного текста создается благодаря CSS свойству text-shadow. Если вы хотите использовать винтажный текст на своем сайте, тогда этот пример создания винтажного текста с помощью css будет вам интересен.

HTML

<div class="container">
<div class="retro"> VINTAGE </div>
</div>

CSS

@import url(http://fonts.googleapis.com/css?family=Oswald:400,300);

body {
 background:#f0e8db;
}
.container {
 width:500px;
 margin:5% auto;
}

 .retro {
 font-family: 'Oswald', sans-serif;
 font-size:150px;
 text-shadow: 5px 5px 0px #f0e8db, 8px 8px 0px #6c5257;
 color:#962f42;
 transform: rotate(-10deg);
 }