Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 13.58.50.62
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Создание 3D текста на CSS
Сообщение оставлено 25.06.2011 в 14:07:35 | Сообщение #1


Сходу скажу, что этот эффект как раз будет поддерживаться лишь теми браузерами, которые поддерживают параметр CSS text-shadow. И действительно, используя всего несколько строчек CSS, можно сделать веб-сайт привлекательнее. Очень хочется подчеркнуть то, что кстати, идеальнее всего, вообщем то, применять этот эффект в уникальном блоке. Было бы плохо, если бы мы не отметили то, что на официальном веб-сайте, как всем известно, 1-го известного браузера я лицезрел что-то схожее. Не для кого не секрет то, что думаю, стоит, мягко говоря, пользоваться приведенным для примера кодом cоздания 3D текста на CSS, чтоб не как бы страдать с созданием теней.
Код CSS

Code
<style>   
   h1 {   
   margin: 0;   
   color: #fff;   
   text-align: center;   
   font: bold 25px Georgia, Helvetica, Arial, sans-serif;   
   text-shadow: 0 1px 0 #cccccc,   
   0 2px 0 #c9c9c9,   
   0 3px 0 #bbbbbb,   
   0 4px 0 #b9b9b9,   
   0 5px 0 #aaaaaa,   
   0 6px 1px rgba(0, 0, 0, 0.1),   
   0 0 5px rgba(0, 0, 0, 0.1),   
   0 1px 3px rgba(0, 0, 0, 0.3),   
   0 3px 5px rgba(0, 0, 0, 0.2),   
   0 5px 10px rgba(0, 0, 0, 0.25),   
   0 10px 10px rgba(0, 0, 0, 0.2),   
   0 20px 20px rgba(0, 0, 0, 0.15);   
   }   
   </style>


А нужный текст просто заключаем в нужный тег, в данном примере между

Code
<h1>Текст</h1>
 
Увидимся...
 
   
Сообщение оставлено 25.06.2011 в 14:17:23 | Сообщение #2
на CSS супер
 
 
   
Сообщение оставлено 25.06.2011 в 14:19:17 | Сообщение #3
Jelix, Рад ,что понравилось smile
 
Увидимся...
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика