| Kosten | Пятница, 28 Сентября 2018, 02:42 | Сообщение 1 |
| Отличная идея для создание текста или заголовка на сайте в формате 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);
}
Это один из многих стилей, который больше применяют в стилистике сайта.
Демонстрация
| | Страна: (RU) |
| |
