Авторизация Регистрация

Здесь пока все ясно :)

Хелп лист будет формироваться из ваших вопросов.

 

3D текст в браузере

Пиши здесь ;)

Эксперименты с text-shadow
Создаем 3d текст средствами html и css. Никакой головной боли :)

Лучше всего работает в последних сборках Safari, Chrome, Firefox, и Opera.

Непосредственно сам css ↓

1
2
3
4
5
6
7
8
9
10
11
12
13
14
h1 {
  text-shadow: 0 1px 0 #ccc, 
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
}

З.Ы. Подсмотрел у забугорных собратьев

Вам также может быть интересным ↓

10 комментариев на «“3D текст в браузере”»

  1. Zel:

    Это круто смотрится. Сначала кажется как-будто картинка в шопе слеплена. Добавлю в закладки статью ;)

  2. Zel:

    Правда браузер подтормаживает во время скролла этой страницы. Наверно из-за эффекта

  3. Tooki:

    Это очень гуд. Объяснюсь — текст корректен вплоть до ie7 — раз, 2-ое смотрится хорошо даже на моб. устройствах.
    Совет: Старайтесь использовать шрифты только с засечкам, это улучшает читабельность.

  4. Chrome 14 выдает на этой странице ошибки типа «Warning: array_keys() [function.array-keys]: The first argument should be an array in /home/rendmkt/public_html/wp-content/plugins/wp-syntax/geshi/geshi.php on line 1885″

Добавить комментарий

Делать центр загрузки моделей?

View Results

Loading ... Loading ...