ZorNet.Ru — сайт для вебмастера » HTML и CSS » Красивый эффект для текста на CSS

Красивый эффект для текста на CSS

Красивый эффект для текста на CSS
Здесь делаем красивый текст и на нем еще будет обводка, что все полностью создано на CSS и можно применить на сайте в название. Обводка текста нужна для того что бы красиво выделить или название сайта, или страницы, так же не плохо можно выделить название статьи. Также будет эффект при наведении клика, что первый стиль идет только под дизайн, где выставляем размер шрифта и потом его оформляем. Что подойдет на светлый и можно сделать под темный формат интернет ресурса. Если говорить о втором стиле, сто они идут в мести, то он будет отвечать за оттенок цвета при переходи по ссылке.

Выше упоминалось можно применить оформление как мануала или статьи, но также можно выставить на главной страницы под блоки и название, что в них будет находиться. Это как написать "меню сайта" или "Мини чат" но думаю вы поняли где можно поставить. Но если вы будете где-то выставлять не под ссылку, то нужно второй стиль убрать и в html место под ссылку удалить, здесь все сделано на переход.

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

Ставим там где вы посчитаете нужным:
Код
<div class="zornet-obvoda">
<a href="http://zornet.ru/">Создать красивый обвод текста на CSS</a>
</div>

CSS:

Код
.zornet-obvoda a {color: #252869;font-size: 21px;text-decoration: none;text-shadow: 1px 0 1px #212a35, 0 1px 1px #d6d8da, -1px 0 1px #c5ccd4, 0 -1px 1px #ccd1da;}
.zornet-obvoda a:hover { color: #bd4e22; }

Этот стиль zornet-obvoda a:hover отвечает за цвет, когда наведете клик на название темы или шрифт, который будет нести информационное направление.

Сама идея появилась, сайта: d-melochi.ru
05 Сентября 2017 Просмотров: 2678 Комментариев: (2)

Поделиться в социальных сетях

Материал разместил

Оставь свой отзыв

Комментарии: 2
Critic©
Critic© 05 Сентября 2017 19:511
-1
Это идея в интернете уже наверно не первый год, но мене понравилась.
Kosten
Kosten 05 Сентября 2017 19:542
-1
Но в интернете много можно найти, если как пример убрать в блоках дизайн и можно на светлый как уже здесь настроено поставить и красиво и оригинально смотреться должно.
avatar