Приветствую Вас Прохожий | RSS Воскресенье, 24.11.2024, 05:56
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 33
Гостей: 33
Пользователей: 0



Главная » Файлы » Скрипты для uCoz » Скрипты Разное

Создаем 3D текста на CSS

Создаем 3D текста на CSS Создаем, 3D, текста, на, CSS
Сразу скажу, что этот эффект будет поддерживаться только теми браузерами, которые поддерживают параметр CSS text-shadow IE не подерживает что б вы знали.
Используя всего несколько строчек CSS, можно сделать сайт красивее. Кстати, лучше всего использовать этот эффект в оригинальном блоке. На официальном сайте одного известного браузера я видел что-то подобное. Думаю, стоит воспользоваться приведенным для примера кодом 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>

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

Автор\Источник: yraaa.ru

Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 4981 | Комментарии: 3 | Рейтинг: 4.3/3 | |Категория: Скрипты Разное | Добавил: мир | Дата: 12.05.2011 | Скачали: 0 | Теги: Создаем, текста
Похожие новости на нашем сайте
Коментарий к новости

Всего комментариев: 3
0  
3 Ejukk   Дата: 15.05.2011  Время: 11:16   [№ 8411] [Материал]
Все разобрался)

0  
2 Ejukk   Дата: 15.05.2011  Время: 11:13   [№ 8410] [Материал]
Код я так понимаю не в ксс совать?
А как тогда текст конкретно поставить , я просто не понял вот я увидел что между тегов но теги в код совать как то или отдельно?

0  
1 Kapusha   Дата: 12.05.2011  Время: 22:02   [№ 8374] [Материал]
Прикольно, но не опрятно =\


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

Форма входа


Поиск


На форуме

1 Работа на заводе

29

2 Комплексный прогон сайт...

54

3 Армия

0

4 Может у кого есть!

6

5 Нужны копирайты

1

6 Остались честные СМИ?

0

7 Раздача подарков и стик...

1

8 Дисковое пространство

3

9 Ручной прогон по трасто...

19

10 бот для умножения денег...

0


Подробней о форуме


Комментарии



Copyright UcozOn.ru™ © 2008-2024


Кнопка 88х31 сайта ucozon.ru