Красиво созданный 3D текстовый эффект, который представлен на сером цветном фоне, где знаки идут в светлой палмитре. Где стилистика 3d эффекта стала намного проще в использовании или размещение на интернет площадке, как сайт или блог. Полностью адаптивный дизайн для всех типов устройств, что корректно будет смотреться на мобильных аппаратах.
HTML
Код
<h1 class="velisina_3d">ZORNET.RU</h1>
CSS
Код
.velisina_3d {
position: absolute;
top: 35%;
right: 46%;
transform: translate(50%,-50%);
text-transform: uppercase;
font-family: verdana;
font-size: 7em;
font-weight: 700;
color: #f3f3f3;
text-shadow: 1px 1px 1px #8e8a8a, 1px 2px 1px #908a8a, 1px 3px 1px #8e8686, 1px 4px 1px #928f8f, 1px 5px 1px #867f7f, 1px 6px 1px #928e8e, 1px 7px 1px #8e8989, 1px 8px 1px #8a8787, 1px 9px 1px #8a8686, 1px 10px 1px #8a8686, 1px 18px 6px rgba(16,16,16,0.4), 1px 22px 10px rgba(23, 21, 21, 0.2), 1px 25px 35px rgba(29, 27, 27, 0.2), 1px 30px 60px rgba(19, 17, 17, 0.4);
}
Все создано на одном классе.
Демонстрация
