• Страница 1 из 1
  • 1
Форум » Записки веб-разработчика » Начинающему вебмастеру » Замечательный 3D эффект для текста на CSS (Как создать красивый 3D-эффект для текста на сайте)
Замечательный 3D эффект для текста на CSS
Kosten
Дата: Пятница, 2018-09-28, 02:42 | Сообщение 1
Администраторы
Сообщений:18498
Награды: 55


Отличная идея для создание текста или заголовка на сайте в формате 3D, которое отлично будет заметно при любом случай. Привлекательность его состоит безусловно в созданной форме, где присутствуют тени, которые корректно распределены. Но здесь нужно понимать, что создавая такую форму, только можно на светлом фоне. Если брать другой оттенок фона, то нужно в стилистике CSS, переписывать свою гамму, что некоторые выстраивают под свой дизайн.

Так как при CSS3 открывается много возможностей как по дизайну, так и по эффектам, вообщем неограниченное количество возможностей. Есть огромное количество текстовые эффекты, что можно применить, и все делается для того,чтоб интернет ресурсы стали более привлекательными.



Приступаем к установке:

HTML

Код
<div class="svoyeobraznym_effekt_3d">ZORNET.RU</div>


CSS

Код
.svoyeobraznym_effekt_3d {
    color: #fbfbfb;
    font-size: 8em;
    font-weight: bold;
    font-family: Helvetica;
    text-shadow: 0 1px 0 #cecbcb, 0 2px 0 #c7c3c3, 0 3px 0 #b9b5b5, 0 4px 0 #bbb7b7, 0 5px 0 #ada8a8, 0 6px 1px rgba(12, 12, 12, 0.1), 0 0 5px rgba(14, 14, 14, 0.1), 0 1px 3px rgba(8, 8, 8, 0.3), 0 3px 5px rgba(16, 16, 16, 0.2), 0 5px 10px rgba(29, 28, 28, 0.25), 0 10px 10px rgba(10, 10, 10, 0.2), 0 20px 20px rgba(12, 12, 12, 0.15);
}


Это один из многих стилей, который больше применяют в стилистике сайта.

Демонстрация
Прикрепления: 1379844.jpg(12.1 Kb)
Страна: (RU)
Форум » Записки веб-разработчика » Начинающему вебмастеру » Замечательный 3D эффект для текста на CSS (Как создать красивый 3D-эффект для текста на сайте)
  • Страница 1 из 1
  • 1
Поиск: