• Страница 1 из 1
  • 1
Форум » Web-Раздел » Начинающему вебмастеру » Текстовый эффект 3D на чистого CSS3 (3D текстовый эффект с использованием чистого CSS)
Текстовый эффект 3D на чистого CSS3
Kosten
Дата: Вторник, 2019-10-29, 01:39 | Сообщение 1
Оффлайн
Администраторы
Сообщений:25120
Награды: 57


Красиво созданный 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);
}

Все создано на одном классе.

Демонстрация
Прикрепления: 1771852.png(68.0 Kb) · 3d.zip(2.3 Kb)
Страна: (RU)
Kosten
Дата: Вторник, 2019-10-29, 21:55 | Сообщение 2
Оффлайн
Администраторы
Сообщений:25120
Награды: 57


3D текстовый эффект

Хороший эффект 3D-текста с помощью jQuery mousemove, что при наведение клика на знаки, здесь начнется изменение.


See the Pen
3D текстовый эффект - mousemove
by Kocsten (@kocsten)
on CodePen.


Страна: (RU)
Форум » Web-Раздел » Начинающему вебмастеру » Текстовый эффект 3D на чистого CSS3 (3D текстовый эффект с использованием чистого CSS)
  • Страница 1 из 1
  • 1
Поиск: