Главная » Скрипты для uCoz » Другие скрипты » Текст с тенью с помощью CSS

Текст с тенью с помощью CSS

img
Вставлять где вам угодно

Code
<style>
<!--
.container {
  background-color: #fff;
  display: block;
  padding: 0px;
  height: 200px;
  width: 366px;
  margin:0 auto;
  border:3px solid;
  border-color:#ddc #bba #bba #ddc;
  overflow:hidden;
  position:relative;
}
h6{font-size:50px; padding:0; margin:0;}
h6.hTop{position:absolute; top:75px; left:125px; z-index:100;}
h6.unter1{position:absolute; top:76px; left:126px; z-index:90;}
h6.unter2{position:absolute; top:77px; left:127px; z-index:80;}
/**/
.container p.p1,.container p.p2,.container p.p3{  
  position:absolute;  
  font-size:50px;  
  text-transform:uppercase;
  font-weight:bold;
  text-align:center;
  }
.container p.p1{top:30px; left:110px; z-index:100;}
.container p.p2{top:33px; left:113px; z-index:90;}
.container p.p3{top:34px; left:114px; z-index:80;}
.red{color:#f00;}
.black{color:#000;}
.yellow{color:#ff0;}
.blue{color:#0ff;}
.gray{color:gray;}
pre{font-size:120%; color:#009;}
-->
</style>

<h1>Текст с тенью с помощью CSS</h1>

<h3>Вариант 1 «объемной» надписи</h3>
  <div class="container">
  <h6 class="hTop yellow">CSS</h6>
  <h6 class="unter1 black">CSS</h6>
  <h6 class="unter2 gray">CSS</h6>
  </div>
<h3>Вариант 2 Текст с тенью</h3>
  <div class="container">
  <p class="p1 red">тень</p>
  <p class="p2 black">тень</p>
  <p class="p3 gray">тень</p>
  </div>

ПРИМЕР


Последние темы на форуме:

 Почтовые акки с паролями
 Общение "часть 2 "
 Обмен регистрациями (Бесплатная раскрутка вашего сайта)
 Требуются Модераторы и Журналисты
 Оцените HD - кинотеатр



  • Добавил: z3feaR
  • Просмотров : 3468
  • Загрузок : 0
  • Добавлено: 03.11.2019
  • Категория: Другие скрипты






Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]