Домой / Рецепты CSS / Винтажный текст на чистом CSS
Винтажный текст на чистом CSS

Винтажный текст на чистом 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);
 }

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

Обзор

Проголосуйте за урок

Оценка

Итог : Уважаемые читатели! Если вам понравилась статья не поленитесь проголосовать и оставить комментарий, ведь так я смогу понять полезность уроков и статей, и улучшить их качество в будущем. Заранее спасибо!

Рейтинг: 4.9 ( 2 голосов )
95

Оставить комментарий

Ваш email не будет опубликован.

*