» »

Создай выпуклый текст на сайте CSS3


Создай выпуклый текст на сайте CSS3

Создание эффекта выкупленного текста или по другому выдавленного, можете создать на сайте. Это может быть как заголовок или как название сайта. Здесь все зависит от дизайн самого интернет ресурса, и где его можно применить, чтоб он стояк по теме и красиво. Так как сам код очень гибок, и вы можете как поставить шрифт или сделать больше теней, чтоб смотрелось ярче. Также все на ваше усмотрение сменить оттенок цвета и его величины. Просто нужно выставить ту гамму, которая вам нужна.

Установка:

Ставим так где вам нужно:

Код
<style>
#dsoutput{
width:600px;/* - Ширина блока - */
background: #fff;/* - Фон блока - */
color: #cccccc;/* - Цвет текста - */
font-size:7em;/* - Размер текста - */
font-famaly:'Tahoma';/* - Тип шрифта - */
text-align:center;
text-shadow: 1px 1px 3px #636363,
-1px -1px 3px #1F1F1F;
}
</style>
<p id="dsoutput">ZorNet.Ru</p>


Как сами видите, все понятно в коде написано, какая функция за что отвечает, но также есть небольшие нюансы, которые нужно учесть.

17.05.2016 Просмотров: 389 Комментарий: (5)

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

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

Комментарий: 5
feliksteg
feliksteg 18.05.2016 05:591
0
Могу ошибаться, но на одном сайте по центру на фоне было сделано так. Что то вроде логотипа или просто домен вывели, но красиво смотрелось.
Kosten
Kosten 18.05.2016 06:452
0
Больше всего - что под логотип его и можно сделать. Не могу понять где еще можно применить.
ucozmental
ucozmental 18.05.2016 10:273
0
Но если настроить его, а видно что можно, то не то что логотип можно сделать, а что то другое по дизайн придумать. Чисто отдельную страницу и там название такое выпуклое можно создать.
Kosten
Kosten 18.05.2016 12:255
0
Вот тоже что то подумал, что создавая отдельную страницу и на ней все можно замутить в стильном и оригинальном дизайн.
Сопрано
Сопрано 18.05.2016 11:544
0
Прикольно и сам код не такой большой. cool
avatar